/* CSS Document */
/*
:nth-child(1)
:first-chlid
:last-chlid
calc(30% - 0px)
opacity: 0;
border-radius:3px;
:root {--color-main: #007bff;}
var(--color-main)
*/
*,p{margin:0; padding:0;}
ul{display:inline-block;margin:0; padding:0;}
:root{
	--color-main:#163e6a;
	--color-fu:#344c88;
	--color-black:#333;
	--sw:0px 4px 9px rgba(0,0,0,.08);
}
body { background:#fff;line-height:1.4; font-family:"微软雅黑","Hiragino Sans GB";overflow-x: hidden;padding:0px;margin:0px;overflow: hidden;}
a,a:hover,a:focus{text-decoration:none;}
a,.guodu,.menu-item,.xinwen-more a span
{-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	transition: all 0.3s ease;}

html {font-size: 16px;font-family: 'Arial', 'Microsoft YaHei', sans-serif;}
@media (min-width: 1024px) { html {font-size: 12px;} }
@media (min-width: 1440px) { html {font-size: 14px;} }
@media (min-width: 1680px) { html {font-size: 16px;} }
@media (min-width: 1920px) { html {font-size: 18px;} }

/* 顶部菜单样式 */
.menu { margin: 0 auto; padding:40px 0 30px;width:1680px;color: #4d4d4d; }
.menu:after{ content: " ";clear:both;display:block;}
.menu-item {padding:10px 40px 10px 0;margin: 0 0px;cursor: pointer;font-weight:500;float: left; font-size:18px;position:relative;}
.menu-item span{display:inline-block;position:absolute;right:20px;top:12px;}
.menu-item:hover {color: #3f8eba; font-weight:500;}
.menu-item.active {color: #3f8eba; font-weight:500;}
.menu-item a{color: #4d4d4d;}
.menu-item:hover a,.menu-item.active a {color: #3f8eba;}
.topmenu-logo{height:40px;width:auto;padding:0px 0px;float: right;}
/* 顶部菜单二级样式 */
.menu-buttons{margin:0;position:absolute;top:100%;left:calc(50% - 22px);transform: translateX(-50%)translateY(15%);width:200px;height:0px;
	background-color: rgba(0, 0, 0, 0.85);z-index:10009;border-radius:10px;opacity:0;transition: all 0.3s ease;display:block;}
.menu-btn {padding:15px 10px;color: white;border: none;cursor: pointer;font-weight: bold;transition: all 0.3s ease;display:none;width:100%;
	text-align: center;font-size:18px;background:none;opacity:0.75;}
.menu-btn:hover {transform: translateY(-2px);opacity:1;}
.menu-buttons:before{content: " ";clear:both;display: table;transform: translateX(-50%);margin:-6px 0 0 50%;width: 0;height: 0;
	border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid black;}
.menu-item:hover .menu-buttons{opacity:1;transform: translateX(-50%)translateY(0%);width:200px;height:auto;display:block;}
.menu-item:hover .menu-btn{display:block;}
/* 二维码 */
.erweima{display: block;position: absolute;right:2%;top:40%;}
.erweimacon{display: block;position: relative;}
.erweima a{display: block;width: 48px;height: 48px;background-image: url(../img/icon-er-h.png);background-position: 0px 158px;background-size:cover;}
.erweima a:hover{background-image: url(../img/icon-er.png);background-position: 0px 158px;background-size:cover;}
.erweimacon p{position: absolute;display: block;width:220px;height: 220px;left:-220px;top:calc(50% - 100px);z-index:1;opacity:0;transition: all 0.3s ease;}
.erweimacon p img{width:100%;height:100%;}
.erweima-open .erweimacon p{opacity: 1;z-index: 500;transform: translateX(-10px);}

/* 左侧指示点样式 */
.dots {	position:absolute;left:2%;top:50%;transform: translateY(-50%);display: flex;flex-direction: column;z-index:200;}
.dot {	width: 10px;height: 10px;border:4px solid rgba(255, 255, 255, 0);margin: 12px 0;border-radius: 50%;background-color: rgba(255, 255, 255, 1);
cursor: pointer;transition: all 0.3s ease;background-clip: padding-box; /* 背景色只在padding区域 */}
.dot:hover {background-color: rgba(255, 255, 255, 0.0);border:4px solid rgba(255, 255, 255, 0.5);}
.dot.active {background-color: rgba(255, 255, 255, 0.0);border:4px solid rgba(255, 255, 255, 1);}


/* 主容器样式 */
.container {position: relative;width: 1680px;height: 968px;overflow: hidden;margin: 0px auto 0; /* 顶部距离110px */ }
/* 页面内容样式 - 修改布局 */
.page {
	position: absolute;left: 50%;top: 0;z-index: 1;width: 1680px;height: 968px;	
	transform: translateX(-50%);justify-content: center;align-items: center;transition: transform 0.8s ease, opacity 0.8s ease;
	border-radius: 0px;display: flex;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.0);
}
/* 响应式调整 */
@media (max-width: 1680px) {
	.page {width: 90vw;height: calc(90vw * 968 / 1680);}
	.container {width: 90vw;height: calc(90vw * 968 / 1680);}
	.menu {width: 90vw;}
}
@media (max-height: 1200px) {
	.page {	height: 70vh;width: calc(70vh * 1680 / 968);}
	.container {height: 70vh;width: calc(70vh * 1680 / 968);}
	.menu {width: calc(70vh * 1680 / 968);}
}


/* 初始位置：第一页在视口中，其他页在下方 */
.page[data-page="1"] {
	transform: translateX(-50%) translateY(0);
	opacity: 1;	z-index: 10;
}
.page[data-page="2"] {
	transform: translateX(-50%) translateY(100%);
	opacity: 1;	z-index: 9;
}
.page[data-page="3"] {
	transform: translateX(-50%) translateY(200%);
	opacity: 1;	z-index: 8;
}
.page[data-page="4"] {
	transform: translateX(-50%) translateY(300%);
	opacity: 1;	z-index: 7;
}
.page[data-page="5"] {
	transform: translateX(-50%) translateY(400%);
	opacity: 1;	z-index: 6;
}

/* 为每个页面设置不同的背景色 */
.page:nth-child(1) { background: linear-gradient(135deg, #486085, #48857c); }

/* 页面内容 */
.page-content {width:100%;height:100%;position:relative;}

/* 首页 */ 
.page1-new{position:absolute;left:12rem;bottom:10rem;}
.page1-new i{float:left;display:block;margin:15px 0 0 -40px;}
.page1-new i img{display:block;}
.page1-new p{padding:0 0 0 0px;float:left;}
.page1-new p img{width:112px;height:auto;float:left;}
.page1-new p span{color:#fff;float:left;width:500px;display:inline-block;padding:0 0 0 10px;font-size:clamp(14px,1vw,18px);}
.page1-right{position:absolute;bottom:40px;left:40px;}
.page1-right a{font-size:12px;color:#fff;font-weight:500;}
.page1-bg{width:100%;height:100%;background:url(../img/p1-img1.png) no-repeat;background-size:cover;}


/* 手风琴通用样式 */        
.accordion-container {width:100%;height:100%;position:relative;}
.accordion-container:nth-child(4) .accordion-title {border-bottom-color:#e74c3c;}
.accordion-container:nth-child(4) .accordion-title .panel-count {background-color:#e74c3c;}
.accordion-container:nth-child(5) .accordion-title {border-bottom-color:#2ecc71;}
.accordion-container:nth-child(5) .accordion-title .panel-count {background-color:#2ecc71;}
.accordion-container:nth-child(6) .accordion-title {border-bottom-color:#9b59b6;}
.accordion-container:nth-child(6) .accordion-title .panel-count {background-color:#9b59b6;}


/* 手风琴主体样式 */        
.accordion {display:flex;height:100%;border-radius:0px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2);background-color:#fff;}
.accordion-item {position:relative;flex:1;background-size:cover;background-position:right center;background-repeat:no-repeat;transition:all 0.5s cubic-bezier(0.65,0,0.35,1);overflow:hidden;}
.accordion-item:last-child {border-right:none;}
.accordion-item::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 0.3s ease;}
.accordion-item:hover::before {background:rgba(0,0,0,0.7);}
.accordion-content {width:100%;opacity:0;transition:all 0.4s ease;position:relative;}
.accordion-item:hover .accordion-content {transform:translateY(0);opacity:1;}
.accordion-item.expanded .accordion-content {transform:translateY(0);opacity:1;}
.accordion-item.expanded {flex:3;}
.accordion-item.expanded::before {background:rgba(0,0,0,0.0);}
.accordion-container{position:relative;}
.accordion-item .accordion-content {width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:center right;}


/* 第一个手风琴：产品 */        
.accordion-1:before {content:'';height:100%;width:150px;background-image:url('../img/left1.png');background-repeat:no-repeat;background-position:left center;background-size:;position:absolute;z-index:10;}
.accordion-2:before {content:'';height:100%;width:150px;background-image:url('../img/left2.png');background-repeat:no-repeat;background-position:left center;background-size:;position:absolute;z-index:10;}
.accordion-3:before {content:'';height:100%;width:150px;background-image:url('../img/left3.png');background-repeat:no-repeat;background-position:left center;background-size:;position:absolute;z-index:10;}
.accordion-4:before {content:'';height:100%;width:150px;background-image:url('../img/left4.png');background-repeat:no-repeat;background-position:left center;background-size:;position:absolute;z-index:10;}
.accordion-1 .accordion-item:nth-child(1) {background-image:url('../img/p2-img1.png');}
.accordion-1 .accordion-item:nth-child(2) {background-image:url('../img/p2-img2.png');}
.accordion-1 .accordion-item:nth-child(3) {background-image:url('../img/p2-img3.png');}
.accordion-1 .accordion-item:nth-child(4) {background-image:url('../img/p2-img4.png');}
.accordion-1 .accordion-item:nth-child(1) .accordion-content{background-image:url('../img/p2-img1-t1.png');}
.accordion-1 .accordion-item:nth-child(2) .accordion-content{background-image:url('../img/p2-img2-t1.png');}
.accordion-1 .accordion-item:nth-child(3) .accordion-content{background-image:url('../img/p2-img3-t1.png');}
.accordion-1 .accordion-item:nth-child(4) .accordion-content{background-image:url('../img/p2-img4-t1.png');}
.accordion-1 .accordion-item .accordion-content a{margin:0;display:inline-block;position:absolute;left:17%;bottom:30%;}
.accordion-1 .accordion-item .accordion-content a:hover {transform: translateY(-3px);}
.accordion-1 .accordion-item p {width:100%;height:100%;margin:0px;padding:0px;position:absolute;z-index:10;background-position:center 40%;background-size:100%;background-repeat:no-repeat;opacity:1;transition:all 0.3s ease;}
.accordion-1 .accordion-item.expanded p{opacity:0;height:100%;z-index:-1;}
.accordion-1 .accordion-item:nth-child(1) p{background-image:url('../img/p2-img1-2.png');}
.accordion-1 .accordion-item:nth-child(2) p{background-image:url('../img/p2-img2-2.png');}
.accordion-1 .accordion-item:nth-child(3) p{background-image:url('../img/p2-img3-2.png');}
.accordion-1 .accordion-item:nth-child(4) p{background-image:url('../img/p2-img4-2.png');}



/* 第二个手风琴：新闻 */     
.accordion-2 .accordion-item.expanded {flex:2;}   
.accordion-2 .accordion-item:nth-child(1) {background-image:url('../img/p3-img1.png');background-position: center ;}
.accordion-2 .accordion-item:nth-child(2) {background-image:url('../img/p3-img2.png');background-position: center ;}
.accordion-2 .accordion-item:nth-child(3) {background-image:url('../img/p3-img3.png');background-position: center ;}
.xinwencon{width:45rem;height: 100%;padding:10rem 0 0 8rem;opacity: 0;min-width: 400px;box-sizing: border-box;transition:all 2s ease;}
.expanded .xinwencon{opacity: 1;}
.xinwen h3{color: #fff;font-size:2rem;font-weight: 500;padding: 10px 0;}
.xinwen ul{width:100%;}
.xinwen li{color: #fff;padding: 15px 0;list-style: none;border-bottom: 1px solid #fff;}
.xinwen li i{font-size: 1.0rem;font-style: normal;display: block;padding: 10px 0;}
.xinwen li a{color: #fff;font-size: 1.2rem;}
.xinwen li a span{display:block; color: #fff;font-size: 1.0rem;padding: 0 0 0 50px;
	background-image: url('../img/p3-img4.png');background-repeat: no-repeat;background-size:30px;background-position: 0px 6px;padding: 10px 0 10px 40px;}
.xinwen-more{padding: 20px 0 0 0;}
.xinwen-more a{color: #fff;padding:5px 25px;border-radius:25px;border: 1px solid #fff;width: auto;font-size:clamp(14px, 1vw, 16px);display:inline-block;text-align: center;}
.xinwen-more a span{display: inline-block;padding: 0 0px; opacity: 0;width:0px;}
.xinwen-more a:hover span{opacity: 1;padding: 0 5px;transform: translateX(10px);width: auto;}


.status{position: absolute;top: 0;left: 0;width: 100%;height:100%;background: hsla(0, 0%, 100%, .75);}
.status p {width:100%;height:100%;margin:0px;padding:0px;position:absolute;z-index:10;background-position:center 40%;background-size:100%;background-repeat:no-repeat;opacity:1;transition:all 0.3s ease;}
.accordion-2 .accordion-item:nth-child(1) .status p{background-image:url('../img/p3-img5.png');background-position: center 30%;background-size: 110%;}
.accordion-2 .accordion-item:nth-child(2) .status p{background-image:url('../img/p3-img6.png');background-position: center 30%;background-size: 110%;}
.accordion-2 .accordion-item:nth-child(3) .status  p{background-image:url('../img/p3-img7.png');background-position: center 30%;background-size: 110%;}
.expanded .status{width: 100%;height: 100%;opacity:0;}
.accordion-2 .accordion-item {filter: grayscale(100%);}
.accordion-2 .accordion-item.expanded {filter: grayscale(0%);}
.accordion-2 .accordion-item::before {background: rgba(0, 0, 0, 0.0);}
.accordion-2 .accordion-item.expanded::before {background: rgba(0, 0, 0, 0.0);}





/* 第三个手风琴：企业 */        
.accordion-3 .accordion-item:nth-child(1) {background-image:url('../img/p4-img1.png');}
.accordion-3 .accordion-item:nth-child(2) {background-image:url('../img/p4-img2.png');}
.accordion-3 .accordion-item {filter: grayscale(100%);}
.accordion-3 .accordion-item.expanded {filter: grayscale(0%);}
.accordion-3 .accordion-item::before {background: rgba(148, 148, 148, 0.356);}
.accordion-3 .accordion-item.expanded::before {background: rgba(0, 0, 0, 0.0);}
.accordion-3 .accordion-item:nth-child(1) {background-position: center left;}
.accordion-3 .accordion-item:nth-child(2) {background-position: center right;}
.accordion-3 .accordion-item:nth-child(1) .status p{background-image:url('../img/p4-img3.png');background-position: center 30%;background-size: 50%;}
.accordion-3 .accordion-item:nth-child(2) .status p{background-image:url('../img/p4-img4.png');background-position: center 30%;background-size: 50%;}
.qiye1{display:inline-block;position:absolute;right:7%;top:40%;}
.qiye1 a{display:inline-block;width:146px;height:36px;background:url('../img/p4-img5.png');background-position:0px 0px;transition:all 0.3s ease;}
.qiye1 a:hover{transform: translateY(-2px);opacity:1;}
.qiye2{display:inline-block;position:absolute;left:7%;top:40%;}
.qiye2 a{display:inline-block;width:146px;height:36px;background:url('../img/p4-img5.png');background-position:0px 0px;transition:all 0.3s ease;}
.qiye2 a:hover{transform: translateY(-2px);opacity:1;}


/* 公司弹出页面左右切换 */    
.gscon {width: 100%;height: 100%;overflow: hidden; position: relative;}
.gsconslider {width: 200%; height: 100%;display: flex;transition: transform 0.4s ease;}
.gsconpage {width: 50%;height: 100%;padding:0px; display: flex;flex-direction: column;justify-content: center;}
.gsconbuttons {position:absolute;bottom:3rem;left:5rem;display:flex;gap:20px;z-index:1000;padding:10px 20px;}
.gsconbuttons button {padding:10px 2rem;font-size:1rem;border:2px solid #0191c3;border-radius:2rem;background:none;color:#0191c3;cursor:pointer;transition:all 0.3s ease;}
.gsconbuttons button:disabled {opacity:0.5;cursor:not-allowed;}
.gsconpage-1 {background:url('../img/p4-img6.png') center; background-size: cover;}
.gsconpage-2 img{width: 100%;}
.gsconpage-1 div{width:25%;position: absolute;top: 0;left:25%;height: 100%;}
.gsconpage-1 div p{width:33.33%;height: 33.33%; float: left;display: block;}

.look em{display: block;overflow: hidden;position: relative;height: 100%;}
.look em:before{content: " ";clear:both;display: block; background-color: rgba(0,0,0,0.1);position:absolute; z-index:10;top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.look:hover em:before{background-color: rgba(0,0,0,0.0);}
.look em img{ min-width:100%;width:auto; height:140%; display:inline-block; position:absolute; z-index:5; margin: 0px auto;top: 50%;left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);}
.look:hover em img{opacity:1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.2) rotate(0deg);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.2) rotate(0deg);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.2) rotate(0deg);
	transform: translateX(-50%) translateY(-50%) scale(1.2) rotate(0deg);}
.look em .kb{ width:100%; height:auto; display:inline-block; position:relative; z-index:-1;top:0%;left:0%;}
.look em:before{ 
	content: " ";clear:both;display: table;background-image:url(../img/ico-check.svg);background-position:center center; background-repeat:no-repeat; background-size:10%; width:100%; height:100%; position: absolute; top:0; bottom:0; z-index:30;opacity:0;
	-webkit-transform:rotateY(180deg); 
	-moz-transform:rotateY(180deg); 
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
.look em:hover:before{ 
	opacity:0.75;background-size:26%;
	-webkit-transform:perspective(800px) rotateY(360deg);
    -moz-transform: perspective(800px) rotateY(360deg);
    -ms-transform:perspective(800px) rotateY(360deg);
    transform: perspective(800px) rotateY(360deg);
}
.look *:before,.look *:after{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.look *{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.wenhua {width: 100%;height: 100%;overflow: hidden; position: relative;background:url('../img/p4-img8.png') center; background-size: cover;box-sizing: border-box;}
.wenhua div{width:80%;position: absolute;top:0;right:2%;height: 100%;padding: 3%;box-sizing: border-box;}
.wenhua div p{width:23%;height: 32%; float: right;display: block;margin:5px;box-sizing: border-box;}
.wenhua div p:nth-child(5){clear: right;}
.wenhua div p:nth-child(8){clear: both;}



/* 第四个手风琴：3个div */  
.accordion-4 .accordion-item:nth-child(1) {background-image:url('../img/p5-img1.png');}
.accordion-4 .accordion-item:nth-child(2) {background-image:url('../img/p5-img2.png');}
.accordion-4 .accordion-item:nth-child(3) {background-image:url('../img/p5-img3.png');}
.accordion-4 .accordion-item.expanded {flex:2;}   
.accordion-4 .accordion-item:nth-child(1) .status p{background-image:url('../img/p5-img1-2.png');background-position: center 30%;background-size: 100%;}
.accordion-4 .accordion-item:nth-child(2) .status p{background-image:url('../img/p5-img2-2.png');background-position: center 30%;background-size: 100%;}
.accordion-4 .accordion-item:nth-child(3) .status  p{background-image:url('../img/p5-img3-2.png');background-position: center 30%;background-size: 100%;}

.accordion-4 .accordion-item {filter: grayscale(100%);}
.accordion-4 .accordion-item.expanded {filter: grayscale(0%);}
.accordion-4 .accordion-item::before {background: rgba(0, 0, 0, 0.0);}
.accordion-4 .accordion-item.expanded::before {background: rgba(0, 0, 0, 0.0);}

.accordion-4 .modal-content img {width: 100%;height: 100%;}

.zhaopin{width: 100%;height: 100%;overflow: hidden; position: relative;box-sizing: border-box;background-image:url('../img/p5-img5.png');background-position: right center;background-size: cover;}
.zhaopin-con{width:40%;height:calc(100% - 8rem);margin:4rem 8rem;color: #4d4d4d;box-sizing: border-box;padding: 0 30px 0 0;}
.zhaopin-con h2{color: #3f8eba;padding: 15px 0;}
.lianxi{width: 100%;height: 100%;overflow: hidden; position: relative;background: #e5e3e1;color: #4d4d4d;}
.lianxi-con{width:100%;height: 100%;box-sizing: border-box; padding:0rem 0rem;}
.lianxi-ban{float: left;width:calc(50% - 14rem);padding:10rem 7rem;}
.lianxi-ban h2{padding: 10px 0;}
.lianxi-ban p{padding: 10px 0;}
.lianxi-ban div{width: 100%;}
.lianxi-ban div img{width: 100%;padding: 10px 0 0 0;}




      


/* 响应式设计 */        
@media (max-width:768px) {.accordion {flex-direction:column;height:auto;}
.accordion-item {height:100px;border-right:none;border-bottom:1px solid rgba(255,255,255,0.1);}
.accordion-item:last-child {border-bottom:none;}
.accordion-item.expanded {flex:1;height:200px;}
.navigation {grid-template-columns:1fr;}
.menu-buttons {grid-template-columns:repeat(2,1fr);}
.accordion-1,.accordion-2,.accordion-3,.accordion-4 {height:auto;}
}
/* 跳转提示 */        
.jump-notice {position:fixed;top:-220px;right:-200px;background-color:#2ecc71;color:white;padding:15px 20px;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,0.2);
	transform:translateY(-100px);opacity:0;transition:all 0.5s ease;z-index:100;max-width:300px;}
.jump-notice.show {transform:translateY(0);opacity:1;}
.jump-notice.error {background-color:#e74c3c;}


/* 弹出 */ 
/* 弹出窗口动画 animation:moveTop 0.4s ease-out;*/        
@keyframes moveTop {from {opacity:0;transform:translate(-50%,calc(-50% + 20px));}
to {opacity:1;transform:translate(-50%,-50%);}
}
@keyframes blinkOpacity {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.1; }
}
.blink-opacity { animation: blinkOpacity 3s infinite;}
/* 弹出窗口容器 */        
.modal-wrapper {background-color:#fff;padding:0;display:none;position:absolute;width:100%;height:100%;z-index:1000;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease;}
.modal-wrapper.active {display:block;opacity:1;height:100%;display: flex;flex-direction: column;}

/* 关闭按钮 */        
.btn-close{display:block;width:48px;height:auto;position:absolute;top:20px;right:20px;cursor:pointer;padding:0;transition:all 1s ease;z-index:2000;}
.btn-close:hover { transform: rotateY(0deg);}
.btn-close2{display:block;width:50px;height:50px;position:absolute;top:20px;right:20px;cursor:pointer;padding:0;transition:all 0.9s ease;z-index:2000;}
.btn-close2 span{color:#fff;font-size:36px;font-weight:700;display:block;width:44px;height:44px;border:3px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align: center;line-height:44px;}
.btn-close2:hover {transform: rotateY(0deg); }
.btn-close3{display:block;width:50px;height:50px;position:absolute;top:20px;right:20px;cursor:pointer;padding:0;transition:all 0.9s ease;z-index:2000;}
.btn-close3 span{color:#4d4d4d;font-size:36px;font-weight:700;display:block;width:44px;height:44px;border:3px solid #4d4d4d;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align: center;line-height:44px;}
.btn-close3:hover {transform: rotateY(0deg); }


/* 弹出产品 */  
.jieshaobg{display:inline-block;position:absolute;left:13%;bottom:15%;}
.jieshao1{display:inline-block;width:190px;height:60px;background:url('../img/p2-img1-4.png');background-position:0px 0px;transition:all 0.0s ease;}
.jieshao1:hover{background-position:0px 60px;}
.jieshao2{display:inline-block;width:190px;height:60px;background:url('../img/p2-img1-4.png');background-position:190px 0px;transition:all 0.0s ease;}
.jieshao2:hover{background-position:190px 60px;}
.liangdian{display:inline-block;position:absolute;right:30%;bottom:40%;width:210px;}
.jieshao3 img{width:100%;height:auto;}



/* 窗口标题 */        
.modal-header {background-color:#eee;min-height:60px;height:auto;}
.modal-header h1 {font-size:20px;line-height:1.4;color:#333;font-weight:normal;margin:0;}
/* 窗口底部 */        
.modal-footer {padding:20px;text-align:center;min-height:60px; height: auto;}
.btn-confirm {padding:10px 35px;background:#3498db;color:white;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:bold;transition:all 0.3s ease;min-width:120px;}
.btn-confirm:hover {background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}
/* 窗口内容 */   
.modal-img img{width:100%;height:100%;}     
.modal-content {background-color:#000;flex:1;}
.modal-content img{width:100%;}
.juzhong{display:flex;flex-direction:column;justify-content:center;align-items:center;}

/* ajax */ 
.modal-ax {background-color:#e5e3e1;flex:1;height:100%;width:100%;}
.modal-ax .close-aja1{}
button.close-aja1 {display:none;}
.page-wrapper,.page-content{height:100%;width:100%;}
#container1,#container2,#container2{height:100%;}
#modal21{z-index:1100;} #modal21 .btn-close{z-index:1110;}
#modal22{z-index:1200;} #modal22 .btn-close{z-index:1210;}
.heightball{height:100%;width:100%;}


.myopen{display:block;opacity:1;height:100%;display: flex;flex-direction: column;}




/* 新闻页面 */   
.newscon{width: 90%;height:94%;padding: 2% 5%; overflow: hidden; position: relative;background: #e5e3e1;color: #4d4d4d;}
.newscon .title{font-size:1.6rem;font-weight:700;padding:10px 0 10px 25px;}
.news li{list-style: none;border-bottom: 1px solid #999; width:45%;display: inline-block;padding:10px 5px;margin: 0 20px;float:left;height:7rem;}
.news li i{font-size: 0.8rem;font-style: normal;display: block;padding: 5px 0;}
.news li a{color: #4d4d4d;font-size: 1.1rem;font-weight:600;}
.news li a span{display:block; font-size: 0.9rem;padding: 0 0 0 50px;background-image: url('../img/p3-img4.png');background-repeat: no-repeat;background-size:30px;background-position: 0px 6px;padding: 10px 0 10px 40px;}
@media (max-width: 1440px) {
	.news li a span{display:none;}
}
ul.news{width:100%;}

/*分页*/
.fanye{width: 100%; position: absolute; text-align: center; bottom: 3rem;left: 0;}
.pagination {display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;-ms-flex-pack: center!important; justify-content: center!important;margin:0; padding:30px 0 0 0;}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {position: relative;display: block;line-height: 1;padding:6px 2rem;font-size:1rem;border:2px solid #0191c3;border-radius:2rem;background:none;color:#0191c3;cursor:pointer;transition:all 0.3s ease;margin:0 10px}
.page-num:hover, .page-link:hover {text-decoration: none;color:#fff;background-color:#0191c3;}
.page-num-current,.page-num-current:hover {z-index: 1;color:#fff;background-color:#0191c3;}
.page-index{border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.page-last{border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.page-link:focus {box-shadow: 0 0 0 0.0rem rgba(0,123,255,.25);}


/*正文*/
.zw-con{position: relative;background: #e5e3e1;color: #4d4d4d;width:100%;height:100%;}
.zw{ margin:0px 10rem;padding: 25px; font-family: "微软雅黑", "Hiragino Sans GB"; font-size: 1rem; line-height: 1.4;background-color: #fff;}
.zw-tit{ text-align: center; padding-bottom: 15px; font-size:1.6rem;font-weight: 700;}
.zw-tit2 { text-align: center;font-size:1rem; padding: 0 10px;}

.zw h1{font-size:20px;color:var(--color-main);padding:15px 30px 10px 0px;margin-bottom:10px;border-bottom:var(--color-main) solid 2px; display:block;font-weight: 500;}
.zw h2{font-size:18px;color:var(--color-main);padding:15px 30px 10px 0px;margin-bottom:10px;display:block;font-weight: 500;}
.zw p {padding: 10px 0 10px 0;}
.zw img{padding:0 0 0px 0; max-width: 100%; }
.zw ul,.zw ol{ margin-left:25px;}
.zw ul li{list-style-type: disc;}
.zw ol li{list-style-type:decimal;}
.zw ul li,.zw ol li{padding:0px;-webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.zw table{border-collapse:collapse;margin:10px 0; width:100%;}
.zw th,.zw td{border:#d9d8d4 solid 1px; border-bottom:#d9d8d4 solid 1px; padding:10px;color:#333;font-size:12px; line-height:20px;}
.zw th{ border-bottom:#666 solid 2px; background-color: #fff;}






/* 简单的关闭效果 */
 .simpleClose {
	animation: simpleClose 1s ease forwards;
}
@keyframes simpleClose {
	0% { 
		opacity: 1;
		transform: translateY(0);
	}
	100% { 
		opacity: 0;
		transform: translateY(-100px);
	}
}
.simplein {
	animation: simplein 1s ease forwards;
}
@keyframes simplein {
	0% { 
		opacity: 0;
		transform: translateY(0px);
	}
	100% { 
		opacity: 1;
		transform: translateY(0);
	}
}
/* 推荐1：简洁放大关闭 */
.scale-out {
    animation: scaleOut 0.3s ease forwards;
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
/* 推荐3：放大+模糊进入 */
.scale-blur-out {
    animation: scaleBlurOut 0.25s ease forwards;
}

@keyframes scaleBlurOut {
    0% {
        transform: scale(1);
        opacity: 1;
        filter: blur(0px);
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
        filter: blur(5px);
    }
}

















/* 底部信息 */        
footer {text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #ddd;color:#7f8c8d;}
/* 快速导航 */        
.quick-nav {position:fixed;left:20px;top:50%;transform:translateY(-50%);background:white;border-radius:10px;padding:15px;box-shadow:0 5px 20px rgba(0,0,0,0.1);z-index:100;display:none;}
@media (min-width:992px) {.quick-nav {display:block;}
}
.quick-nav-btn {display:block;width:40px;height:40px;margin:10px 0;border-radius:50%;border:none;color:white;font-weight:bold;cursor:pointer;transition:transform 0.3s ease;}
.quick-nav-btn:hover {transform:scale(1.1);}
.quick-nav-btn.accordion1 {background-color:#3498db;}
.quick-nav-btn.accordion2 {background-color:#e74c3c;}
.quick-nav-btn.accordion3 {background-color:#2ecc71;}
.quick-nav-btn.accordion4 {background-color:#9b59b6;}