body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:var(--main-color-2e33); height: auto;}
a{color:#666;}
a:hover{ color:var(--main-color); }
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto; width: 90% !important;}

html {
  scroll-behavior: auto !important;
  /* 让滚动更跟手，防止边缘“卡死” */
 scrollbar-gutter: stable;           /* 预留滚动条地盘，消除横向抖动 */
  overscroll-behavior-y: none;
  will-change: scroll-position;
	
	
}
@supports not (scrollbar-gutter: stable) { html { overflow-y: scroll; }}

:root {
    --main-color: #800020;
    --main-color-white: #ffffff;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666666;
    --main-color-999: #999999;
    --main-color-888: #888888;
    --main-color-000:#000;
    
    --main-color-2e33:#2e2e33;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}



.header_bg{ position:fixed; width: 100%; left: 0; top: 0; z-index: 99; padding: 0.27rem 0.36rem; box-sizing: border-box; transition: background-color .7s cubic-bezier(.19,1,.22,1), transform .7s cubic-bezier(.4,.05,.32,1); }
.header{ display: flex;   align-items: center;justify-content: space-between;}

.logo{width: 11%;height: auto;}
.logo a{ display: flex; justify-content: center;  align-items: center; width: 100%; height: 100%;}
.logo img{ max-width: 100%; max-height: 100%; vertical-align: bottom; filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}

.header01 {
    width: 100px;    text-align: center;
}
.header01 a{ font-size: 17px; color: #fff;}
.header01 a i{ font-size: 18px; margin-right: 10px;}

.header02{ display: flex; justify-content: center;  align-items: center;}
.header02 a{ width: 50px; height: 50px; display: flex; justify-content: center;  align-items: center;color: #fff;}
.header02 a img{ max-width: 100%; max-height: 100%; vertical-align: bottom; filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}
.header02 a i{ font-size: 18px;}


.HBoxbg{position:fixed;left:0px;top: 80px;width:100%;height:100%;z-index:88;display:none; background: rgba(0,0,0,.4);}
.HBox {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background-color: #fff;
	position:absolute;
	top: 0%;
	left: 0%;
	z-index: 100000;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search{width: 588px;margin:0 auto;display: flex;align-items: center;}
.search-l{
    display: flex;
    align-items: center;
    flex:1;
    border-bottom: 1px solid #afa294;
    padding: 11px 21px;
    height:22px
    }
.search-l a{width:22px;height:22px;font-size: 16px;color: #afa294;}
.search-l a img{ width:100%; height:100%}
.search-l .input_text{flex: 1;background:none;line-height:22px;color: #afa294;outline:none;text-indent: 10px;}
.search-l .input_text::-webkit-input-placeholder{ color:#afa294;}

	
.search .HCloseBtn{width:20px;height:20px;color: #fff;font-size: 18px;position: absolute;right: 1%;}
.search .HCloseBtn img{ width:100%; height:100%}

.gizle{top: -154px}
.sabit{top: 0; background: #fff;color: var(--main-color-000);  z-index: 9999;}
.sabit .logo img,.sabit .header02 a img{ filter:none}
.sabit  .header01 a{ color:var(--main-color-2e33) ;}
.sabit  .header02 a{ color:var(--main-color-2e33) ;}






.menu-mask { position: fixed; inset: 0; background: rgba(15,22,35,.38); opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s ease; z-index: 10000; }
.menu-mask.open { opacity: 1; visibility: visible; }
.menu-panel { position: fixed; left: 0; top: 0; height: 100vh; width: 639px; max-width: 100vw; background: #fff; z-index: 10001; transform: translateX(-100%); transition: transform .55s cubic-bezier(.4, 0, .2, 1), width .45s cubic-bezier(.4, 0, .2, 1); overflow: hidden; box-shadow: 0 0 40px rgba(0,0,0,.18); padding: 170px 0 60px 120px; box-sizing: border-box; }
.menu-panel.open { transform: translateX(0); }
.menu-panel.lv2 { width: 67%; }
.menu-panel.lv3 { width: 100vw; }
.menu-top { position: absolute; left: 0; top: 0; width: 5rem; height: 120px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px 0 48px; z-index: 10; background: #fff; }
.menu-close { font-size: 22px; color: var(--main-color-2e33); cursor: pointer; line-height: 1; }
.menu-logo { color: #b8963f; }
.menu-logo img {
    height: 30px;
    max-width: 100%;
}
.menu-logo svg { width: 40px; height: 40px; }
.menu-lang { position: relative; font-size: 15px; color: #8a8a8a; letter-spacing: .5px; cursor: pointer; }
.lang-cur { display: inline-flex; align-items: center; gap: 4px; }
.lang-cur i { font-size: 12px; transition: transform .3s ease; }
.menu-lang.active .lang-cur { color: var(--main-color-2e33); text-underline-offset: 6px; }
.menu-lang.active .lang-cur i { transform: rotate(180deg); }
.menu-lang.active .lang-cur span { text-decoration: underline; }
.lang-list { position: absolute; top: 100%; right: 0; margin-top: 14px; min-width: 130px; text-align: right; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .3s ease, transform .3s ease, visibility .3s ease; }
.menu-lang.active .lang-list { opacity: 1; visibility: visible; transform: none; }
.lang-list li a { display: block; padding: 8px 0; font-size: 15px; color: #b3b3b3; transition: color .3s ease; text-align: center; }
.lang-list li a:hover { background: #e8e4e0; }

/* ---------- 一级 ---------- */
.menu-lv1 { width: 410px; }
.menu-lv1 > li { position: static; }
.menu-lv1 > li > span { display: block; padding: 16px 0; position: relative; cursor: pointer; }
.menu-lv1 > li > span > a { font-size: 29px; color: #9a9a9a; transition: color .3s ease; position: relative; display: inline-block; font-weight: 300; text-decoration: none; }
.menu-lv1 > li > span .fa { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; color: #c9c9c9; transition: color .3s ease, transform .3s ease; }
.menu-lv1 > li > span:hover > a { color: var(--main-color); }
.menu-lv1 > li.active > span > a { color: var(--main-color); text-underline-offset: 8px; }
.menu-lv1 > li > span > a:after { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; transform-origin: center right; transform: scaleX(0); transition: transform .7s cubic-bezier(.19, 1, .22, 1); }
.menu-lv1 > li.active > span .fa { color: var(--main-color-2e33); }
.menu-lv1 > li.has-sub.active > span .fa { transform: translateY(-50%) rotate(90deg); }
.menu-lv1 > li.active > span > a:after { transform-origin: center left; transform: scaleX(1); background-color: var(--main-color); }

/* ---------- 二级 ---------- */
.menu-lv2 { position: absolute; top: 0; left: 702px; width: 440px; height: 100%; padding: 170px 0 60px 0; opacity: 0; visibility: hidden; transform: translateX(24px); transition: opacity .4s ease, transform .4s ease, visibility .4s ease; }
.menu-lv1 > li.active > .menu-lv2 { opacity: 1; visibility: visible; transform: none; }
.menu-lv2 > li { position: static; }
.menu-lv2 > li > span { display: block; padding: 16px 0; position: relative; cursor: pointer; }
.menu-lv2 > li > span > a { font-size: 29px; color: #9a9a9a; position: relative; transition: color .3s ease; font-weight: 300; text-decoration: none; display: inline-block; }
.menu-lv2 > li > span .fa { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 15px; color: #c9c9c9; transition: color .3s ease, transform .3s ease; }
.menu-lv2 > li.has-sub.active > span .fa { transform: translateY(-50%) rotate(90deg); }
.menu-lv2 > li > span:hover > a { color: var(--main-color); }
.menu-lv2 > li.active > span > a { color: var(--main-color); text-underline-offset: 8px; }
.menu-lv2 > li > span > a:after { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; transform-origin: center right; transform: scaleX(0); transition: transform .7s cubic-bezier(.19, 1, .22, 1); }
.menu-lv2 > li:hover > span > a:after { transform-origin: center left; transform: scaleX(1); background-color: var(--main-color); }
.menu-lv2 > li.active > span > a:after { transform-origin: center left; transform: scaleX(1); background-color: var(--main-color); }

/* ---------- 三级 ---------- */
.menu-lv3 { position: absolute; top: 0; left: 649px; width: 440px; height: 100%; padding: 170px 0 60px 0; opacity: 0; visibility: hidden; transform: translateX(24px); transition: opacity .4s ease, transform .4s ease, visibility .4s ease; }
.menu-lv2 > li.active > .menu-lv3 { opacity: 1; visibility: visible; transform: none; }
.menu-lv3 > li > span { display: block; padding: 11px 0; position: relative; }
.menu-lv3 > li > span > a { font-size: 29px; color: #a5a5a5; transition: color .3s ease; font-weight: 300; text-decoration: none; display: inline-block; position: relative; }
.menu-lv3 > li > span > a:hover { color: var(--main-color); }
.menu-lv3 > li.active > span > a { color: var(--main-color); text-underline-offset: 8px; }
.menu-lv3 > li > span > a:after { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; transform-origin: center right; transform: scaleX(0); transition: transform .7s cubic-bezier(.19, 1, .22, 1); }
.menu-lv3 > li:hover > span > a:after { transform-origin: center left; transform: scaleX(1); background-color: var(--main-color); }
.menu-lv3 > li.active > span > a:after { transform-origin: center left; transform: scaleX(1); background-color: var(--main-color); }
body.menu-open { overflow: hidden; }
.page { min-height: 200vh; background: radial-gradient(circle at 50% 35%, #26538f, #0f2340 72%); display: flex; align-items: center; justify-content: center; color: #e8c97a; text-align: center; padding: 0 20px; }
.page h1 { font-size: 44px; letter-spacing: 2px; line-height: 1.4; }




.sp_header{ display: none;}
.sjj_nav{ display:none;}
@media only screen and (max-width: 980px) {
    .menu-panel{box-shadow:none}
	.header_bg{ display: none;}
	.HBoxbg{top: 50px;}
.sp_header{height:50px;overflow:hidden;position:fixed;z-index:10;width:100%;display: flex;align-items: center;justify-content: space-between;}
.sp_logo{padding:10px;float:left;height:50px;box-sizing: border-box;}
.sp_logo a{ width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;}
.sp_logo img{margin:auto;max-height:30px;filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}
.sp_nav{width:50px;float: left;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: block;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.sabit .sp_logo img{ filter:none}
.sabit .sp_nav span{  background:var(--main-color-2e33) ;}


}


.banner { height: 330vh; position: relative; }
.banner-pin { position: sticky; top: 0; height: 110vh; overflow: hidden; }
.banner .swiper { width: 100%; height: 100%; }
.banner .swiper-wrapper { will-change: transform; }
.banner .swiper-slide { height: 110vh; overflow: hidden; }
.banner .img { height: 100%; position: relative; }
.banner .img video { width: 100%; height: 100%; vertical-align: bottom; object-fit: cover; display: block; will-change: transform; }
.banner .img .txtbg { position: absolute; left: 4%; bottom: 18%; color: #fff; width: 5.88rem; will-change: transform, opacity; }

.banner .img .txtbg .txt {
    width: 450px;
    max-width: 100%;
}
.banner .img .txtbg .h1 { font-size: 15px; display: block; }
.banner .img .txtbg .h2 { font-size: 41px; display: block; margin: 4px 0 16px; }
.banner .img .txtbg .h3 { font-size: 17px; display: block; margin-top: 16px; }
.banner .img .txtbg .moer { margin-top: 20px; }
.banner .img .txtbg .moer a { color: var(--main-color); font-size: 16px; padding: 15px 30px; border-radius: 30px; display: inline-block; background: #fff; position: relative; overflow: hidden; }
.banner .img .txtbg .moer a:after { content: ""; position: absolute; top: 0; left: 0; height: 400%; width: 400%; transform: translate3d(-70%, -60%, 0); transition: transform .9s cubic-bezier(.19, 1, .22, 1); z-index: 1; }
.banner .img .txtbg .moer a:hover:after { background: linear-gradient(135deg, #e8e4e0 40%, #ffffff 60%); }
.banner .img .txtbg .moer a span { position: relative; z-index: 2; }
.parallax-box { position: absolute; left: 50%; top: 50%; width: 300px; height: 200px; margin-left: -150px; margin-top: -100px; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; letter-spacing: 2px; will-change: transform;
transform: translate(0%, -70%); }
.banner .swiper-pagination01 { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); z-index: 10; }
.banner .swiper-pagination01 .swiper-pagination-bullet { display: block; width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); margin: 10px 0; opacity: 1; cursor: pointer; }
.banner .swiper-pagination01 .swiper-pagination-bullet-active { background: #fff; }

.ante{text-align: center;position:absolute;bottom: 11%;z-index: 2;display:none;left:50%;transform: translate(-50%, 0);}
.ante a{    display: flex;  align-items:center;   flex-direction: column;justify-content: center; color: #Fff;}
.ante .img01{ display: flex; justify-content: center;  align-items: center; width: 16px; height: 16px; margin-top: 10px;}
.ante .img01 img{ max-width: 100%; max-height: 100%;vertical-align: bottom;     animation: bounce 2s infinite;} 
@keyframes bounce {
    0%,to {
        transform: translateY(-10%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

/*@media only screen and (max-width: 980px) {
	    .banner { height: auto; }
	.banner .img .txtbg{width: 90%;left: 5%;}
	.banner .img .txtbg .txt { width:100%;}
	.banner .img .txtbg .h2{ font-size: 24px;}
	.banner .swiper-slide { height: 100vh; overflow: hidden; }
}*/

@media only screen and (max-width: 980px) {
    .banner {
        height: auto !important;
        touch-action: pan-y !important;  overflow: visible !important; /* 必须改成 visible，否则无法向下滑 */
    }
    .banner-pin {
        position: relative !important; /* 取消吸顶 */
        top: auto !important;
        height: 100vh !important;
        overflow: visible !important;  /* 关键：绝对不能是 hidden */
        touch-action: pan-y !important;
    }
    .banner .swiper {
        overflow: hidden !important;   /* 只让 swiper 裁切，不要传给外层 */
        touch-action: pan-y !important;
    }
    .banner .swiper-wrapper {
        overflow: visible !important;
    }
		.banner .img .txtbg{width: 90%;left: 5%;}
	.banner .img .txtbg .txt { width:100%;}
	.banner .img .txtbg .h2{ font-size: 24px;}
	.ante{ display:block;}
}

.title{ color: var(--main-color);}
.title .h1{font-size:15px; display: block;}
.title .h2{ font-size:33px; display: block; font-weight: 300; margin-top: 4px;}
@media only screen and (max-width: 980px) {
	.title{ text-align: center;}
.title .h2{ font-size: 25px;}
}


.cent01{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap; margin-top: 6%;}
.cent01_l{ width: 49%;}
.cent01_l .img{ width: 100%; background: #fff;}
.cent01_l .img img{ width: 100%; vertical-align: bottom;}
.cent01_r{ width: 40%;}
.cent01_r .txt{ font-size: 17px; color: var(--main-color-2e33); display: block; margin-top: 0.16rem; font-weight: normal;}
.cent01_r .more{ display: flex; align-items: center; margin-top: 0.2rem;}
.cent01_r .more a{ border: 1px solid  var(--main-color); padding: 0 24px; border-radius: 30px; color: var(--main-color); display: block; font-size: 16px; line-height: 50px; position: relative; overflow: hidden;}
.cent01_r .more a span{ position: relative; z-index: 2;}
.cent01_r .more a.on{ margin-left: 3%; background: var(--main-color); color: #Fff;}
.cent01_r .more a.on:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 400%;
    width: 400%;
    transform: translate3d(-70%, -60%, 0);
    transition: transform .9s cubic-bezier(.19,1,.22,1);    background-color: var(--main-color);
    background: var(--main-color);
    background: linear-gradient(135deg, #afa294 40%, var(--main-color) 60%);

}
.cent01_r .more a.on:hover:after {
	transform: translateZ(0);
}
.gete{  flex-direction: row-reverse;}

.cent0101 {
    position: relative;
    padding-bottom: 30px;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.cent0101 .img img {
    width: 100%;
    display: block;
}

.cent0101 .img .txtbg {
    font-size: 15px;
    display: block;
    margin-top: 12px;
    font-weight: 300;
}

.cent0101 .swiper-pagination02 {
    bottom: 0;
}

.cent0101 .swiper-pagination02 span {
    border: 2px solid var(--main-color);
    background: none;
    width: 6px;
    height: 6px;
}

.cent0101 .swiper-pagination02 span.swiper-pagination-bullet-active {
    background: var(--main-color);
}

/* 左右半区点击层 */
.cent0101 .click-zone {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 15;
    cursor: pointer;
}

.cent0101 .click-zone-left {
    left: 0;
}

.cent0101 .click-zone-right {
    right: 0;
}

/* 箭头：固定尺寸，位置由 JS 控制 */
.cent0101 .swiper-button-prev,
.cent0101 .swiper-button-next {
    width: 80px;
    height: 80px;
    background: hsl(0deg 0% 100% / 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* 关键：箭头不接收点击，只做视觉 */
    transition: opacity 0.25s ease, visibility 0.25s ease, background 0.2s;
    transform: translate(-50%, -50%);
    z-index: 20;
    backdrop-filter: blur(2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.cent0101 .swiper-button-prev.show,
.cent0101 .swiper-button-next.show {
    opacity: 1;
    visibility: visible;
}

.cent0101 .swiper-button-prev:hover,
.cent0101 .swiper-button-next:hover {
    background: hsl(0deg 0% 100% / 80%);
}

.cent0101 .swiper-button-next:after,
.cent0101 .swiper-button-prev:after {
    color: #fff;
    font-size: 24px;
}


@media only screen and (max-width: 980px) {
.cent01{ margin-top:20%;}	
.cent01_r{ width: 100%; margin-top: 10%;}
.cent01_l{ width: 100%;}
.gete{ flex-direction:inherit}
.cent01_r .txt{ text-align: center; margin-top: 5%;}
.cent01_r .more{ margin-top: 5%;  justify-content: center; }
}

.cent02_bg{}
.cent02{ margin-top: 6%;}
.cent02  .title{ text-align: center;}
.cent0201{ margin-top: 6%; position: relative; padding-bottom: 3%;}
.cent0201 .nr_box { box-sizing: border-box; padding: 10px;}
.cent0201 .img { padding-bottom: 120%; position: relative; overflow: hidden; }
.cent0201 .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .5s ease; object-fit: contain;}
.cent0201 .img img.tu03{ opacity: 1;     transform: scale(1);}
.cent0201 .img img.tu02{ opacity: 0;  transform: scale(1);}
.cent0201 .img:hover img { transform: scale(1.1); }
.cent0201 .img:hover img.tu03{ opacity: 0;     transform: scale(1);transition: all .3s ease;}
.cent0201 .img:hover img.tu02{opacity: 1;    transform: scale(1.1);transition: all .3s ease;}
.cent0201 .txtbg { }
.cent0201 .txt { padding: 10px 0 0 0; color: #666; text-align: center; }
.cent0201 .txt .h2 { font-size: 17px; line-height: 1.5em; height: 1.5em; color: var(--main-color);  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.cent0201 .txt .h3 { font-size: 17px; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  color: #4a4a52; margin-top: 4px;}
.cent0201 .txt .h4 { font-size: 13px; line-height: 1.5em; height: 1.5em; color: #4a4a52;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 8px;}

.cent0201 .nr_box:hover { background: #f8f7f7;}
.cent0201 .swiper-pagination span { border: 2px solid var(--main-color); background: none; width: 6px; height: 6px; }
.cent0201 .swiper-pagination span.swiper-pagination-bullet-active { background: var(--main-color); }
.cent0201 .swiper-button-next, .cent0201 .swiper-button-prev{ width: 54px; height: 54px; border-radius: 50%; background: #f4f2f0; color: var(--main-color-2e33); font-size: 14px;}
.cent0201 .swiper-button-next:after, .cent0201 .swiper-button-prev:after{  font-size: 14px;}
.cent0201 .swiper-button-next{right: -4%;}
.cent0201 .swiper-button-prev{ left: -4%;}
@media only screen and (max-width: 980px) {
	.cent02{ margin-top: 20%; }
	.cent0201{padding-bottom: 10%;}
	.cent0201 .swiper-button-next, .cent0201 .swiper-button-prev{ width: 30px; height: 30px;}
}

.cent02  .more{ display: flex; align-items: center; margin-top: 0.2rem; justify-content: center;}
.cent02 .more a{ border: 1px solid  var(--main-color); padding: 0 24px; border-radius: 30px; color: var(--main-color); display: block; font-size: 16px; line-height: 50px; position: relative; overflow: hidden;}
.cent02 .more a span{ position: relative; z-index: 2;}

.cent03_bg{ position: relative; margin-top: 5%;}
.cent03_bg::before{    content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, .4); z-index: 0;}
.cent03{ padding-top: 30%; padding-left: 5%; padding-bottom: 5%; color: #fff; z-index: 1; position: relative;}
.cent03 .txt{ width: 32%;}
.cent03 .txt .h1{ font-size: 33px;}
.cent03 .txt .h2{ font-size: 17px; display: block; margin-top: 17px;}
.cent03 .txt .h3{font-size: 15px; display: block;}
.more01{ display: flex; align-items: center; margin-top: 20px;}
.more01 a{ border: 1px solid  var(--main-color); padding: 0 24px; border-radius: 30px; color: var(--main-color); display: block; font-size: 16px; line-height: 50px; position: relative; overflow: hidden;} 
.more01 a span{ position: relative; z-index: 2;}
.more01 a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 400%;
    width: 400%;
    transform: translate3d(-70%, -60%, 0);
    transition: transform .9s cubic-bezier(.19,1,.22,1);    background-color: #fff;
    background: #fff;
    background: linear-gradient(135deg, #e8e4e0 40%, #ffffff 60%);

}
.more01 a:hover:after {
	transform: translateZ(0);
}

@media only screen and (max-width: 980px) {
	.cent03_bg{ margin-top: 20%;}
	.cent03{ padding:60vh 5% 5% 10%;}
	.cent03 .txt{ width: 100%;}
	.cent03 .txt .h1{ font-size: 25px;}
	.cent03 .txt .h2{ font-size: 17px;}
}


.gao{ margin-bottom: 6%;}


.fooger { padding-top: 3%; border-top: 1px solid #c4bdb4; padding-bottom: 3%;}
.footer01 dl{ display: flex; justify-content: center;  align-items:flex-start;justify-content: space-between;flex-wrap: wrap; }
.footer01 dl dd{}
.footer01 dl dd .h1{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap; }
.footer01 dl dd .h1 a{ font-size: 17px; color: var(--main-color);}
.footer01 dl dd .h1 i{ display: none;}
.footer01 dl dd ul{ margin-top: 20px;}
.footer01 dl dd ul li{ font-size: 16.2px; margin-top: 20px;}
.footer01 dl dd ul li a{ color: var(--main-color-2e33);}
.kge{ margin-top: 20px;}



.logo01{ width: 14%;}
.logo01 a{  width: 100%; height: auto;}
.logo01 img{ width: 100%; vertical-align: bottom;}
.footer02{ border-bottom: 1px solid #c4bdb4; margin-top: 3%; display: flex;   align-items: center;justify-content: space-between;flex-wrap: wrap; padding-bottom: 3%;}
.footer02_r{    display: flex
;
    align-items: baseline;}
.footer02_r .tibe{ display: flex;   align-items: center;}
.footer02_r .tibe a{  display: flex; justify-content: center;  align-items: center; background: #f8f7f7; width: 28px; height: 28px; border-radius: 50%;} 
.footer02_r .tibe i{ font-size: 16px;}
.footer03{}
.footer03 a{ font-size: 16.2px; color: var(--main-color-2e33); display:inline-block; margin: 0 10px;}
.yuyan{ display: flex;align-items: center;}
.yuyan01{ position:relative;}
.yuyan01>a{ display: flex; justify-content: center;  align-items: center;     font-size: 16.2px;
    margin: 0 10px; line-height:30px;border-bottom: 1px solid var(--main-color); color: var(--main-color);}
.yuyan01>a i{ margin-left: 10px; font-size: 14px;}
.qitt{
    display:none;
    position:absolute;
    top: 50px;
    width: 120px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    font-size:14px;
    transition: all .3s ease;
    flex-direction: column;
    border-radius: 8px;
    left: 50%;
    transform: translate(-50%, 0);
    }

.qitt:before {
    content: 'â–²';
    color:#fff;
    position: absolute;
    font-size: 24px;
    width: 100%;
    top: -20px;
    text-align: center;
}
.qitt a{display: flex;align-items: center;font-size:16px;color:#666;justify-content: flex-start;padding: 0 10px;line-height: 2;}
.qitt a img{ width:20px; display:block; margin-right:10px;}	


@media only screen and (max-width: 980px) {
	.footer01 dl dd ul{ display:none;}
	.footer01 dl dd{ width: 100%;}
	.footer01 dl dd .h1{ padding: 16px 0 24px; border-bottom: 1px solid #c4bdb4;}
	.footer01 dl dd .h1 i{ display:block; font-size: 16px; color: var(--main-color); transition:all ease 0.35s}
	.footer01 dl dd .h1.on i{ display:block; font-size: 16px; color: var(--main-color);        transform: rotate(-180deg);}
	.kge{ margin-top: 0;}
	.footer02{ justify-content: center; margin-top: 10%;}
	.logo01{ width: 40%;margin-bottom: 5%;}
	.footer02_r{ width: 100%;justify-content: center; flex-wrap: wrap; }
	.footer02_r .tibe{ width: 100%;justify-content: center; order: 1; margin-bottom: 5%;}
	.footer03{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap;  order: 3; margin-top: 5%; }
	.yuyan{ order: 2;}
}



.banenr01{ position: relative;}
.banenr01 .img{ width: 100%;}
.banenr01 .img img{ width: 100%; vertical-align: bottom;}
.banenr01 .txt{ position: absolute; text-align: center;  color: #fff; left: 0; bottom: 6%;  width: 100%;}
.banenr01 .txt .h1{ font-size: 15px; display: block; margin-top: 20px;}
.banenr01 .txt .h2{ font-size: 41px; display: block; margin-top: 8px;}

@media only screen and (max-width: 980px) {
    .banenr01 .txt .h2{ font-size: 31px;}
    
}




 .more03{ display: flex; align-items: center; margin-top: 0.2rem; justify-content: center;}
.more03 a{ border: 1px solid  var(--main-color); padding: 0 24px; border-radius: 30px; color: var(--main-color); display: block; font-size: 16px; line-height: 50px; position: relative; overflow: hidden;}
 .more03 a span{ position: relative; z-index: 2;}
 
@media only screen and (max-width: 980px) {
 .more03 a{line-height: 48px;}
}

.cent04{ text-align: center; margin-top: 5%;}
.cent0401{ font-size: 17px; display: block; width: 70%; text-align: center; margin: 2% auto 0;}

@media only screen and (max-width: 980px) {
    .cent04{ margin-top: 20%;}
    .cent0401{ width: 90%;}
    .cent04 .more03{ margin-top: 5%;}
}


.cent5{ display: flex;  justify-content: space-between; margin-top: 6%;  align-items: center;}
.cent0501{ width: 50%; position:relative;}
.cent0501 video{ width: 100%; vertical-align:bottom;}
.cent0501 img{ width: 100%; vertical-align: bottom;}
.cent0502{ width: 50%; box-sizing:border-box; padding: 0 2.3rem;}
.cent0502 .txt{ font-size: 17px; display: block; margin-top: 16px; line-height: 1.5;}
.cent0502 .more03{ justify-content: left;  }
@media only screen and (max-width: 980px) {
    .cent5{ flex-wrap: wrap; margin-top: 5%;}
    .cent0501{ width: 100%;}
    .cent0502{ width: 100%; margin-top: 5%;}
    .cent0502 .txt{ text-align: center;}
    .cent0502 .more03{justify-content: center;margin-top: 5%;flex-wrap: wrap;}
    .cent0502 .more03 a{ margin-top: 5%;}
}


.csr{ margin-top: 5%;}
.cent6_bg{ background: #f8f7f7; margin-top: 5%; padding: 6% 0; text-align: center;}
.cent06{ text-align: center;}
.cent06  .img{ width: 30px; margin: 0 auto;} 
.cent06  .img img{ width: 100%; vertical-align: bottom;}
.cent06  .h1{ width: 50%; font-size: 17px; color: var(--main-color); margin: 4% auto 0;}
.cent06 .img01{text-align: center;width: 15%;margin: 4% auto 0;}
.cent06 .img01 img{ max-width: 100%; max-height: 100%; vertical-align: bottom;}
.cent06  .img03{ width: 30px; margin: 4% auto 0;} 
.cent06 .h2{ font-size: 15px;  color: var(--main-color-2e33); display: block; margin-top: 10px;}
@media only screen and (max-width: 980px) {
    .cent6_bg{  padding: 20% 0;}
    .csr{ margin-top: 20%;}
    .cent06 .h1{ width: 90%; margin-top: 5%;}
    .cent06 .img01{ width: 50%;}
    .cent06 .img03{ margin-top: 5%;}
}


/* .rellax{ margin-top:74px;} */
.cent07{ text-align: center; margin-top: 5%;}
.cent07 .txt{ font-size: 17px; display: block; width: 70%; text-align: center; margin: 2% auto 0;}

@media only screen and (max-width: 980px) {
    .cent07{ margin-top: 20%;}
    .cent07 .txt{ width: 90%;}
}
.cent08_bg{ overflow: hidden; margin-top: 5%;}
.cent08 .mySwiper05{}
.cent08 .nr_box {}
.cent08 .nr_box:hover {  }
.cent08 .nr_box .img { padding-bottom: 66%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent08 .nr_box .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
/* .cent08 .nr_box:hover .img img { transform: scale(1.1); } */
.cent08 .nr_box .txtbg { position:absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; height: auto; background: rgba(46,46,51,.8); padding: 8px 32px 12px;transition: all 0.5s;}
.cent08 .nr_box .txt {  color: #fff; text-align: center;}
.cent08 .nr_box .txt .h1{ width: 24px; height: 24px; display: flex; justify-content: center;  align-items: center; margin: 0 auto;}
.cent08 .nr_box .txt .h1 i{ font-size: 15px;transition: all 0.5s;}
.cent08 .nr_box:hover .txt .h1 i{transform:rotate(-180deg);}
.cent08 .nr_box .txt .h2 { font-size: 15px; line-height: 1.5em;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; opacity: 0; height: 0; }
.cent08 .nr_box:hover .txt .h2{opacity: 1;  transition: opacity .7s ease-in; height: auto; }
.cent08 .swiper-button-next, .cent08 .swiper-button-prev{ width: 52px; height: 52px; border-radius: 50%; background: #F1F1F1; overflow: hidden;  display: flex; justify-content: center;  align-items: center;    transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
.cent08 .swiper-button-next:after, .cent08 .swiper-button-prev:after{ color: var(--main-color-2e33); font-size: 16px;}
.cent08 .swiper-button-next:hover, .cent08 .swiper-button-prev:hover{transform: scale(1.05);}
@media only screen and (max-width: 980px) {
.cent08 .nr_box .txt {  }
.cent08 .nr_box .txt .h2 { font-size: 14px;  }
}


.cent09{ margin-top: 6%; position: relative;}
.cent09 .nr_box:hover {  }
.cent09 .nr_box .img { padding-bottom: 66%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent09 .nr_box .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
/* .cent09 .nr_box:hover .img img { transform: scale(1.1); } */
.cent09 .nr_box .txtbg { position:absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; height: auto; background: rgba(46,46,51,.8); padding: 8px 32px 12px;transition: all 0.5s;}
.cent09 .nr_box .txt {  color: #fff; text-align: center;}
.cent09 .nr_box .txt .h1{ width: 24px; height: 24px; display: flex; justify-content: center;  align-items: center; margin: 0 auto;}
.cent09 .nr_box .txt .h1 i{ font-size: 15px;transition: all 0.5s;}
.cent09 .nr_box:hover .txt .h1 i{transform:rotate(-180deg);}
.cent09 .nr_box .txt .h2 { font-size: 15px; line-height: 1.5em;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; opacity: 0; height: 0; }
.cent09 .nr_box:hover .txt .h2{opacity: 1;  transition: opacity .7s ease-in; height: auto; }
.bote{ position: absolute; top: 50%; left: 50%;   transform: translate(-50%, -50%); width: 80px; height: 80px;display: flex; justify-content: center;  align-items: center; border-radius: 50%; background: rgba(46, 46, 51, 0.8);}
.bote i{ font-size: 28px; color: #fff;}
@media only screen and (max-width: 980px) {
    .bote{ width: 40px; height: 40px;}
    .bote i{ font-size: 14px;}
}


.tBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88888; background:rgba(0,0,0,0.5); display:none;}
.tBox {
	width: 100%;
	height:100vh;
	top: 0%;
	left: 0%; 
	z-index: 100000; display: block;
}
.tBox>a{ position: absolute; top: 3%; right: 3%; width: 30px; z-index: 99999;}
.tBox>a img{ width: 100%; vertical-align: bottom;}
.tBox .video{ width: 100%; height: 100vh;}

.tBox video{ width: 100%; height: 100%;}



.cent10{ position: relative; margin-top: 6%; margin-bottom: 6%;}
.cent10 .img{ width: 100%;}
.cent10 .img img{ width: 100%; vertical-align: bottom;}
.cent10:after { content: "";position: absolute; inset: 0; background-color: rgba(0, 0, 0, .4);}
.cent10 .text{ position: absolute; bottom: 22%; left: 4%; width: 31%;  color: #fff; z-index: 3;}
.cent10 .text .title{ color: #fff;}
.cent10 .text .h3{ font-size: 17px; display: block; margin-top: 20px;}
.cent10 .text .more{ display: flex; align-items: center; margin-top: 0.2rem; }
.cent10 .text .more a{ border: 1px solid  #fff; padding: 0 24px; border-radius: 30px; color: #fff; display: block; font-size: 16px; line-height: 50px; position: relative; overflow: hidden;}
.cent10 .text .more a span{ position: relative; z-index: 2;}
@media only screen and (max-width: 980px) {
    .cent10 .text{ width: 80%; left: 50%;     transform: translate(-50%, 0);}
    .cent10 .img img{ min-height: 80vh; object-fit: cover;}
    .cent10 .text .h3{ text-align: center;}
    .cent10 .text .more{ justify-content: center; margin-top: 5%;}
}

.gao02{ height:1.14rem;}
.jiaban{    background: linear-gradient(0deg, #fff, #f8f7f7); height: 1.2rem;  display: block;}
@media only screen and (max-width: 980px) {
    .gao02{ height:50px;}  
}



.cent11{ text-align: center; margin-top: 0%;}
.cent11 .text{ font-size: 17px; display: block; width: 70%; text-align: center; margin: 2% auto 0;}
@media only screen and (max-width: 980px) {
    .cent11{ margin-top: 10%;}
    .cent11 .text{ width: 90%;}
}

.cent12_lm_bg{ border-bottom: 1px solid #eee; margin-top: 3%; padding:20px 0;}
.cent12{}
.cent12 ul{ display: flex;   align-items: center; flex-wrap: wrap; justify-content: center; }
.cent12 ul li{ font-size: 16px; display: block; margin: 0 2%;}
.cent12 ul li a{ font-weight: bold;}
.cent12 ul li.on a{ color: var(--main-color);}


.cent13{ margin-top: 5%;}
.product_list { margin-top: 0.63rem; }
.product_list ul li { float: left; width: calc((100% - 60px)/4); margin: 30px 0 0px 20px; background: #fff; }
.product_list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.product_list ul li .nr_box { box-sizing: border-box; padding: 10px;}
.product_list ul li .imgbg{ position: relative;}
.product_list ul li .img { padding-bottom: 120%; position: relative; overflow: hidden; }
.product_list ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: contain;}
.product_list ul li .img img.tu03{ opacity: 1; }
.product_list ul li .img img.tu02{ opacity: 0; }
.product_list ul li .img:hover img { transform: scale(1.1); }
.product_list ul li .img:hover img.tu03{ opacity: 0; transition: all .3s ease;}
.product_list ul li .img:hover img.tu02{opacity: 1;transition: all .3s ease;}
.product_list ul li .imgbg .h1{ color: var(--main-color);    position: absolute; left: 5%; bottom: 15%; transform-origin: bottom; transform: rotate(-90deg); pointer-events: none; font-size: 38px; font-weight: 300;}
.product_list ul li .txtbg { }
.product_list ul li .txt { padding: 10px 0 0 0; color: #666; text-align: center; }
.product_list ul li .txt .h2 { font-size: 17px; line-height: 1.5em; height: 1.5em; color: var(--main-color);  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.product_list ul li .txt .h3 { font-size: 17px; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  color: #4a4a52; margin-top: 4px;}
.product_list ul li .txt .h4 { font-size: 13px; line-height: 1.5em; height: 1.5em; color: #4a4a52;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 8px;}
.product_list ul li:hover{ background: #f8f7f7;}


@media(max-width:999px) {
.product_list ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.product_list ul li .txt { }
.product_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em;}
.product_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; }
}


.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: var(--main-color) url(../images/jdiae.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
  }
  .cd-top.cd-fade-out {
    /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
    opacity: .5;
  }
  .no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
  }
  @media only screen and (min-width: 768px) {
    .cd-top {
      right: 20px;
      bottom: 20px;
    }
  }
  @media only screen and (min-width: 1024px) {
    .cd-top {
      height: 48px;
      width: 48px;
      right: 13%;
      bottom: 30px;
      border-radius: 50%;
    }
  }



  .jzuoh .product_list ul{ display: flex; justify-content: center;  align-items:flex-start; flex-wrap: wrap; margin-bottom: 5%; }
.jzuoh .title{ text-align: center;}


.banenr02{ width: 100%; position: relative;}
.banenr02 .img{ width: 100%;}
.banenr02 .img video{ width: 100%; vertical-align: bottom;}
.banenr02 .img img{ width: 100%; vertical-align: bottom;}

.banenr02 .txt{ color: #fff; position:absolute; bottom: 10%; left: 5%;}
.banenr02 .txt .h1{ font-size: 41px; display: block;}
.banenr02 .txt .h2{font-size: 17px; display: block;}




.cent14{ text-align: center; margin-top: 5%;}
.cent14 .txt{ font-size: 17px; display: block; width: 50%; text-align: center; margin: 2% auto 0;}
@media only screen and (max-width: 980px) {
    .cent14{ margin-top: 20%;}
    .cent14 .txt{ width: 90%;}
}


.cent15{ margin-top: 5%;}
.cent15 .swiper-button-next, .cent15 .swiper-button-prev{ width: 52px; height: 52px; border-radius: 50%; background: #F1F1F1; overflow: hidden;  display: flex; justify-content: center;  align-items: center;    transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
.cent15 .swiper-button-next:after, .cent15 .swiper-button-prev:after{ color: var(--main-color-2e33); font-size: 16px;}
.cent15 .swiper-button-next:hover, .cent15 .swiper-button-prev:hover{transform: scale(1.05);}
.cent15 .swiper-button-next{ right: 5%;}
.cent15 .swiper-button-prev{ left: 5%;}
.cent15 .nr_box{}
.cent15 .nr_box .imgbg{}
.cent15 .nr_box .img{ width:100%;}
.cent15 .nr_box .img img{ vertical-align: bottom; width: 100%;}
.cent15 .nr_box .txtbg{position: absolute;bottom: 0%;left: 0%;background: rgba(46,46,51,.8);width: 28%;height: 100%;display: flex;justify-content: center;align-items: center;padding-left: 10%;padding-right: 3%;box-sizing: border-box;}
.cent15 .nr_box .txt{ color: #fff;}
.cent15 .nr_box .txt .h1{ font-size: 33px; display:block; margin-bottom: 20px;}
.cent15 .nr_box .txt .h2{ font-size:17px;}
.cent15 .swiper-pagination span{ background: #fff;}
@media only screen and (max-width: 980px) {
    .cent15 .nr_box .img img{ height: 100vh; object-fit: cover;}
    .cent15 .nr_box .txtbg{ width: 100%; bottom: 0; left: 0; height:auto; background: rgba(46,46,51,.8); text-align: center; padding: 6% 5%;}
    .cent15 .nr_box .txt .h1{ font-size: 21px;}
}



.cent16{ display: flex;  align-items: center;   justify-content: space-between; margin-top: 5%;}
.cent16 .img{ width: 100%;}
.cent16 .img img{ width: 100%; vertical-align:bottom; max-width: 100%;}
.cent16_l{ width: 30%; color: var(--main-color);}
.cent16_l .h1{ font-size: 15px;}
.cent16_l .h2{ font-size: 33px;}
.cent16_l .h3{ font-size: 17px;}
.cent16_c{ width: 32%;}
.cent16_c,
.cent16_c * {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 32 32'><circle cx='16' cy='16' r='15' fill='rgba(255,255,255,0.8)'/><line x1='16' y1='9' x2='16' y2='23' stroke='%23999' stroke-width='2' stroke-linecap='round'/><line x1='9' y1='16' x2='23' y2='16' stroke='%23999' stroke-width='2' stroke-linecap='round'/></svg>") 16 16, pointer;
}
.cent16_c .img { padding-bottom: 100%; position: relative; overflow: hidden;  }
.cent16_c .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit:contain; }
.cent16_r{width: 20%;}
.cent16_r .img {padding-bottom: 100%;position: relative;overflow: hidden;background: #f8f7f7; opacity: 0.5;}
.cent16_r .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit:contain; }
.cent16_r  .swiper-slide-thumb-active .img {
    opacity: 1;
  }

.swiper-paginationxc01{ display: none;}


@media only screen and (max-width: 980px) {
    .cent16{ flex-wrap:wrap; margin-top: 10%;}
    .swiper-paginationxc01{ display:block;}
     .swiper-paginationxc01 span{background: var(--main-color);}
    .cent16_r{ display: none;}
    .cent16_c{ width: 100%; margin-top: 4%; position: relative; padding-bottom: 10%;}
    .cent16_l{ width: 100%; text-align: center;}
}



.cent17_bg{ background: #f8f7f7; padding: 6% 0; margin-top: 5%;}
.cent17{ display: flex; align-items:flex-start; justify-content: space-between; flex-wrap: wrap; 
}
.cent17>.h1{ font-size: 33px; display: block; color: var(--main-color); width: 48%;}
.cent17>.h1>.h2{ display: block; font-size: 17px; color: var(--main-color-2e33); margin-top: 20px;}
.cent1701{ width: 48%;}
.cent1701 ul li{ border-bottom: 1px solid #c4bdb4; padding: 4% 0;}
.cent1701 ul li span{ display: flex; align-items: center;justify-content: space-between;}
.cent1701 ul li span a{ font-size: 25px; color: var(--main-color);  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.cent1701 ul li span .img{}
.cent1701 ul li span .img i{ display:block; font-size: 16px; color: var(--main-color); transition:all ease 0.35s}
.cent1701 ul li.open .img i{   transform: rotate(-180deg);}
.cent1701 ul li:first-child{ border-top:1px solid #c4bdb4;}
.cent1701 ul li .txte{ font-size: 17px; color: var(--main-color-2e33); line-height: 1.5; margin-top: 5%; display: none;}
.cent1701 ul li .txte  tr td{    padding: 5px 0 !important; border-color: #00000000 !important;
	  border-width: inherit !important;
    border-style: none !important;
	}

.cent1701 ul li .txte  tr td:first-child{      
   
        width: auto;
    white-space: nowrap;
  
    text-align: justify;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;}
/* .cent1701 ul li.open .txte{ display:block;} */
.ananu{ border: 1px solid  var(--main-color); padding: 0 24px; border-radius: 30px;  display:inline-block; font-size: 16px; line-height: 50px; position: relative; overflow: hidden; background: var(--main-color); color: #Fff;}
.ananu span{ position: relative; z-index: 2;}
.ananu:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 400%;
    width: 400%;
    transform: translate3d(-70%, -60%, 0);
    transition: transform .9s cubic-bezier(.19,1,.22,1);    background-color: var(--main-color);
    background: var(--main-color);
    background: linear-gradient(135deg, #afa294 40%, var(--main-color) 60%);

}
.ananu:hover:after {
	transform: translateZ(0);
}

@media only screen and (max-width: 980px) {
    .cent17_bg{ margin-top: 20%; padding-bottom: 10%;}
    .cent17{ flex-wrap:wrap; margin-top: 10%; padding: 6% 0;}
    .cent17>.h1{ width: 100%; font-size: 24px;}
    .cent1701{ width: 100%; margin-top: 5%;}
    .cent1701 ul li span a{ font-size: 21px;}

}

.cent18_bg{ overflow: hidden; margin-top: 5%;}
.cent18 .img{ width: 100%;}
.cent18 img{ width: 100%;  vertical-align:bottom;}
.cent18 .swiper-button-next, .cent18 .swiper-button-prev{ width: 52px; height: 52px; border-radius: 50%; background: #F1F1F1; overflow: hidden;  display: flex; justify-content: center;  align-items: center;    transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
.cent18 .swiper-button-next:after, .cent18 .swiper-button-prev:after{ color: var(--main-color-2e33); font-size: 16px;}
.cent18 .swiper-button-next:hover, .cent18 .swiper-button-prev:hover{transform: scale(1.05);}
@media only screen and (max-width: 980px) {
.cent18_bg{ margin-top: 20%;}

}


.juxe{ margin-bottom: 4%;}

.gaoe{ margin-top: 5%; justify-content: center; }

.gaisi.cent10 .text{ right: 4%;left: inherit; bottom: inherit; top: 50%;    transform: translate(0,-50%);}
@media only screen and (max-width: 980px) {
    .gaisi.cent10 .text{ right:inherit; left: 50%;    transform: translate(-50%, -50%);}
}


.banenr03{ width: 100%; position: relative;}
.banenr03 .img{ width: 100%;}
.banenr03 .img img{ width: 100%;}
.banenr03 .tex{ text-align: center; position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, 0); width: 31%;}
.banenr03 .tex .h3{ font-size: 17px; color: var(--main-color-2e33); display: block; line-height: 1.5; margin-top: 20px;}
@media only screen and (max-width: 980px) {
    .banenr03 .img img{ min-height: 50vh; object-fit: cover;}  
    .banenr03 .tex{ width: 90%; position: inherit; top:inherit; left: inherit; transform: inherit; margin: 0 auto;}
}

.cent19_bg{ background: #f8f7f7; padding: 5% 0;}
.cent19_bg .cent5{ margin-top: 0;}
.goadu{ margin-top: 5%;}
@media only screen and (max-width: 980px) {
.cent19_bg .cent5{ margin-top: 0;}
.cent19_bg{ padding: 20% 0;}
.cent19_bg .cent5{        flex-direction: column-reverse;}
.cent19_bg .cent0502{ margin-top: 0;}
.cent19_bg .cent0501 { margin-top: 5%;}
}


.cent20_bg{ margin-top: 6%; background: #f8f7f7; padding: 6% 0;}
.cent20{text-align: center; font-weight: 300;}
.cent20 .h1{ font-size: 33px; color: var(--main-color); display: block;}
.cent20 .h2{ font-size: 25px; color: var(--main-color); display: block; margin-top: 20px;}
.cent20 .h3{ font-size: 15px; color: var(--main-color-2e33); display: block; margin-top: 10px;}
.cent20 .h3 i{ color: var(--main-color); margin-right: 10px;}
.cent20 .h3 a{ text-decoration: underline;}
.cent20 .h4{ display: block; width: 22%; margin: 5% auto 0;}
.cent20 .h4  .kges{ display: flex; justify-content: center;  align-items: center;}
.cent20 .h4  .kges span{ font-size: 17px; color: var(--main-color)}
.cent20 .h4  .kges i{ margin-left: 20px;transition:all ease 0.35s}
.cent20 .h4  .kges.on i{transform:rotate(-180deg);}
.cent20 .h4 .bet{ font-size: 15px;color: var(--main-color); display: block; margin-top: 12px;}
.cent20 .h4 .shiet{ display: none;}
.cent20 .h4 table { border:none;}
.cent20 .h4 table tr td{ border:none;    border-collapse: collapse; padding: 4px; font-size: 15px; color: var(--main-color-2e33);}
/* .cent20 .h4 table tr:nth-child(odd).ggses{ background: #FFF8F2;} */

@media only screen and (max-width: 980px) {
    .cent20 .h4{ width: 100%;}
}

.get{ margin-top: 0;}
.cent21{ width: 31%; margin: 5% auto 0;}
.cent21 .h1{ font-size: 17px; color: var(--main-color); display: block;}
.cent21 .sjge{ display: flex;   align-items: center; justify-content: space-between; background: #f4f2f0; padding: 16px; box-sizing: border-box; margin-top: 20px;}
.cent21 .sjge .input_text{ width:calc(100% - 24px); background: none; font-size: 16px;outline:none;}
.cent21 .sjge .input_text::-webkit-input-placeholder{ color:var(--main-color);opacity: 0.5;}
.cent21 .sjge a{ width: 24px; height: 24px;display: flex; justify-content: center;  align-items: center; }
.cent21 .sjge a i{ font-size: 18px; color: var(--main-color);    }
@media only screen and (max-width: 980px) {
    .cent21{ width: 90%; margin-top: 10%;}
}

.cent22_bg{ background: #f8f7f7; margin-top: 5%; padding: 5% 0;}
.cent22{   display: flex; justify-content: space-between; flex-wrap: wrap; padding:0 4%; box-sizing:border-box;
 }
.cent2202{height: 70vh;overflow-y:scroll;width:48%}
.newsclass_list {/* margin-top: 0.63rem; */}
.cent2201{ width:48%;height: 70vh;overflow-y:auto;}
.cent2201 .dit{ display:none;}
.cent2201 .dit .h1{ font-size:15px; color:#800020;  display: flex;   align-items: center;flex-wrap: wrap; margin-bottom:2%}
.cent2201 .dit .h1 .img01{ width:30px; height:30px;  display: flex; justify-content: center;  align-items: center; margin-right:0px;}
.cent2201 .dit .h1 .img01 img{/* max-height:100%; max-width:100%; */    height: 18px;
    max-width: 100%;
    object-fit: contain;vertical-align:bottom}
.cent2201 .dit .h2{ font-size:15px; display:block; color:#2e2e33;margin-bottom:2%}
.cent2201 .dit .img{ width:100%; height:auto}
.cent2201 .dit .img img{ width:100%; vertical-align:bottom}
.newsclass_list ul li {border-bottom: 1px  solid #c4bdb4;}
.newsclass_list ul li:last-child{ border-bottom: 0;}
.newsclass_list ul li .nr_box {display: flex
;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;}
.newsclass_list ul li .txtbg { }
.newsclass_list ul li .txt {     padding-top: 20px;}
.newsclass_list ul li .txt .h2 { font-size: 25px; line-height: 1.5em; height: 1.5em; color: var(--main-color);  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  font-weight: 300;}
.newsclass_list ul li .txt .h3 { font-size: 15px; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--main-color-2e33); }
.newsclass_list ul li .time { font-size: 14px; line-height: 24px; color: #999;/* padding-left:24px; */ position: relative; }
.newsclass_list ul li .time i { width: 20px; height: 24px; background: url(../images/ico_time.png) center no-repeat; position: absolute; left: 0; top: 0; display: none; }
@media only screen and (max-width: 980px) {
    .cent22_bg{ margin-top: 10%; padding: 10% 0;}
.cent22{flex-wrap: wrap; }
.cent2202{        height: 45vh;width:100%}
.cent2201{width:100%;margin-top:5%;height: auto;overflow-y: inherit;}
.newsclass_list ul li {}
.newsclass_list ul li .txt { }
.newsclass_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; }
.newsclass_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em;}
}




::-webkit-scrollbar{width:2px;background-color:#e8e4e0}
::-webkit-scrollbar-thumb{background-color:#e8e4e0;border-radius:10px;border:2px solid var(--main-color);}
::-webkit-scrollbar-thumb:hover{background-color:var(--main-color);}
::-webkit-scrollbar-thumb:active{border:0;border-radius:0;background-color:var(--main-color) }
::-webkit-scrollbar-thumb:window-inactive{background-color:var(--main-color) }



.cent23_bg{ background: #f8f7f7; margin-top: 5%; padding: 5% 0;}
.cent23{ width: 42% !important; margin: 0 auto;}
.cent23>.h1{ font-size: 33px; color: var(--main-color); display: block; font-weight: 300;}
.cent2302{ font-size: 17px; color: var(--main-color-2e33); line-height: 1.5; margin-top: 20px; display: block;}
.cent2301{ margin-top: 20px;}
.cent2301 ul{ display: flex;align-items:flex-start;justify-content: space-between;flex-wrap: wrap; }
.cent2301 ul li{ width: 48%; font-size: 17px; color: var(--main-color-2e33); line-height: 1.5;}


.gaoe01{ margin-top: 5% !important;}
@media only screen and (max-width: 980px) {
    .cent23_bg{ margin-top: 20%; padding: 10% 0;}
    .cent23{ width: 90% !important; }
    .gaoe01{ margin-top: 10% !important;}
    .cent23>.h1{ font-size: 24px;}
    .cent2301 ul li{ width: 100%; margin-top: 5%;}
    .cent2301 ul li:first-child{ margin-top: 0;}
}



.cent24{ margin-top: 5%;}
.cent24 table {  border-top:none; border-left:none; table-layout: fixed; text-align:left;}
.cent24 table tr td{  border-bottom:1px solid #c4bdb4; padding: 2%; font-size: 17px; color: var(--main-color-2e33);}
.cent24 table tr th{border-bottom:1px solid #c4bdb4; padding: 2%; font-size: 17px; color: var(--main-color); font-weight: normal;}
@media only screen and (max-width: 980px) {
    .cent24{ margin-top: 10%;}
    .cent24 table {table-layout: fixed;}
}

.juzhongs{ text-align: center;}
.juzhongs .cent2301 ul li{ text-align: left;}
.gaodu03{ margin-top: 2%;}


.news{ margin: 5% auto;}


.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }
.inside_con{ padding:10px 0; min-height: 300px;}