:root{--primary:#0067cd;--secondary:#627f88;--secondary-dark:#01579b;--accent:#a0d9f6;--light:#f5f5f5;--dark:#333;--gray:#5d5d5d;--light-gray:#ededed;--gray-t:#8e8e8f;--white:#fff;--shadow:0 4px 12px rgba(0,0,0,0.1);--transition:all 0.3s ease}
@font-face {  font-family: 'Montserrat';  src: local('Montserrat'),    url('/webfonts/Montserrat-Regular.ttf') format('ttf');  font-weight: 400;  font-style: normal;}
*{margin:0;padding:0;box-sizing:border-box;font-family: Helvetica, sans-serif;}
html{scroll-behavior:smooth;font-size: 16px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body{line-height:1.8;color:var(--dark);font-family:'Segoe UI','Microsoft YaHei',sans-serif;}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%; display:block}
.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}

h1,h2,h3,h4{ font-weight:500; font-size:1.3rem}

header{ display:block;height:80vh;}
	.header{ position:relative; width:100%;position: relative; z-index:999; }
.headtop{ display:flex;align-items: center;justify-content: space-between;  color:var(--white); padding-top:40px}
	.logo{ display: flex;  align-items: center;   gap: 10px; }
	.logo img {width: 90px; height: auto;  object-fit: cover;}
	.headdot{display:flex;align-items: center; font-size:0.8rem}
	.headdot i{ font-size:1.2rem}
	.headdot p{ padding :0 0.5rem}
.banner{ width:100%;  }
.banner img{ width:100%; display:block}
.mobile-toggle{display:none;font-size:1.5rem;cursor:pointer}

nav{ border-top:1px solid var(--white)}
nav ul{display:flex;align-items:center; padding-top:10px;}
nav ul li{position:relative; font-size:1rem;flex: 1; text-align:center}
nav ul li:after{ position:absolute; width:1px;top:5px; right:0; height:80%; content:""; background:#fff;}
nav ul  li:first-child{ text-align:left}
nav ul  li:last-child{text-align:right}
nav ul  li:last-child:after{ display:none}
nav ul li a{padding:10px 0;transition:var(--transition);color:var(--white)}

nav ul li::before {  content: ''; position: absolute;top:-14px;left: 0;width: 0%;height:6px;background-color: #3498db;transform: translateX(-100%);transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius: 3px; }
nav ul li:hover::before {transform: translateX(0);width: 100%;}




.banner{ width:100%; top:0; position:absolute;height:80vh; }
.banner img{ width:100%; height:100%;display:block;  object-fit: scale-down;  }

.banner-item{position:relative;height:100%;overflow:hidden}
.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;background-size:cover;
  background-position: center; background-repeat:no-repeat;display:flex;align-items:center}
.banner-slide.active{opacity:1}
.banner-content{ color:var(--white); width:60%; max-width:1200px;margin:0 auto}
.banner-content h2{font-size:2.8rem;color:var(--primary-dark);margin-bottom:20px}
.banner-content p{margin-bottom:25px;font-size:2rem}
.banner-nav{position:absolute;bottom:30px;left:25%;transform:translateX(-50%);display:flex}
.banner-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 8px;cursor:pointer;transition:var(--transition)}
.banner-dot.active{background:#fff;transform:scale(1.2)}
.banner-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.7);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.5rem;color:var(--dark)}
.banner-btn:hover{background:#fff}
.banner-prev{left:30px}
.banner-next{right:30px}




.tool-index{ width:80%; margin:0 auto; max-width:650px}
.tool-item {display: grid; grid-template-columns: repeat(4, 1fr);  gap:25px; margin-top:-30px; position:relative; z-index:5; }
.tool-i6 { grid-template-columns:repeat(6, 1fr); max-width:900px;justify-content: center; margin:-20px auto 0 auto}


.tool-bolk{ width: 100%;  aspect-ratio: 1 / 1;background:var(--white); text-align:center;box-shadow:inset 0 0 0 3px rgba(243, 255, 255, 1),  inset 0 3px 5px rgba(229, 255, 255, 1),0 0 5px rgba(0,0,0,0.2); border-radius:10px; border:1px solid #c0c7e1; padding:10px; position: relative; overflow:hidden;transition:var(--transition);}
	.tool-bolk p{ color:var(--primary); font-size:0.9rem; margin:5px 0 ; line-height:1;height:23px;display: flex; align-items: center; justify-content: center;}
	.tool-bolk h3{color:var(--secondary);font-size:0.9rem; font-weight: normal}
	.tool-ico{padding-top:30px;transition:var(--transition);color:var(--white)}
.tyico i{ font-size:2.2rem; padding:0; color:var(--gray-t);vertical-align: top;}
.tool-bolk img{ width:auto;max-height:45px;display:block; margin:0 auto} 
.tool-bolk:hover,.tool-item .active{ background:var(--primary) ; color:var(--white);box-shadow:inset 0 0 0 1px var(--primary),0 0 5px rgba(0,0,0,0.2);border:1px solid var(--primary); position: relative }
.tool-bolk:hover p,.tool-item .active p{ color:var(--accent)}
.tool-bolk:hover h3,.tool-item .active h3{color:var(--white)}
.tool-bolk:hover .tool-ico,.tool-item .active .tool-ico{ padding-top:0px; margin-top:-5px}
.tool-bolk:hover:before,.tool-item .active:before{content: ''; position: absolute;background:linear-gradient(to top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));  border-radius:10px;top: 2px;  left: 2px;  right: 2px;   bottom: 2px;}
.tool-bolk:hover .tyico i,.tool-item .active .tyico i{ color:var(--white)}
.tool-bolk:hover img,.tool-item .active img{ filter: brightness(100) contrast(100);}

.tool-botm{width: 100%;  aspect-ratio: 1 / 1;background:top center no-repeat; background-size:contain}
.pro-tm7{ background-image:url(../images/tyt07.webp);}
.pro-tm7:hover,.pro-tm7on{ background-image:url(../images/tyt07on.webp) }

.pro-tm16{ background-image:url(../images/tyt16.webp);}
.pro-tm16:hover,.pro-tm16on{ background-image:url(../images/tyt16on.webp) }

.pro-tm17{ background-image:url(../images/tyt17.webp);}
.pro-tm17:hover,.pro-tm17on{ background-image:url(../images/tyt17on.webp) }

.pro-tm21{ background-image:url(../images/tyt21.webp);}
.pro-tm21:hover,.pro-tm21on{ background-image:url(../images/tyt21on.webp) }



.partse{ padding:50px 0}
.sentp{ text-align:center;}
.partp_1{ padding-top:45px;}
.maxwrt{ width:50%; margin:0 auto; max-width:600px; }
.title{ color:var(--primary) ; font-size:2rem}
.titins{color:var(--secondary);font-size:1.8rem; font-weight:normal}
.titsf{color:var(--secondary);font-size:1rem;}
.titen{color:#95b6c0;font-size:1rem;}
.wites{ max-width:800px; margin:0 auto }

.solstop{ position: relative;  width: 100%; max-width: 1100px;  margin: 0 auto; padding-top:1px; height: 128px;}
.solsline { flex: 1;  height: 2px;  background-color:var(--gray); position: absolute;top:50%; left: 50%;  transform: translate(-50%, -50%); width:calc(100% - 100%/8); margin:0 auto}
.solstop ul{display: flex;  justify-content: space-between;  position: absolute;  top: 50%;  left: 0;  right: 0;  transform: translateY(-50%);}
.solstop li{position:relative; font-size:1rem;flex: 1;  color:var(--secondary);  text-align:center; height:128px; font-size:0.8rem;transition:var(--transition); overflow:hidden; cursor:pointer}
.solstop li p{position:absolute; top:0; padding:0 15px; width:100%}
.solstop li h4{position:absolute; bottom:25px; width:100%;padding:0 15px;font-size:1rem}
.solstop li i{ position:absolute; left:0; right:0; margin:auto; bottom:-15px;transition:var(--transition)}
.solstop li:after,.solstop li:before{border-radius:50%;position:absolute; content:"";top: 50%;
  left: 0;  right: 0;  transform: translateY(-50%); margin:auto; }
.solstop li:after{width: 8px; height: 8px;  background:var(--gray);transition:var(--transition) } 
.solstop li:before{width:16px; height: 16px;background: rgba(161,161,161,0.3);transition:var(--transition)}
.solstop li:hover,.solstop li.active{ color:var(--primary);}
.solstop li:hover:after,.solstop li.active:after{ background:var(--primary)}
.solstop li:hover:before,.solstop li.active:before{ background:var(--white); border:1px solid var(--gray);box-shadow:0 0 5px rgba(0,0,0,0.5)}
.solstop li:hover i,.solstop li.active i{  bottom:6px}
.solstop li a { display: block}


.sol-nav-item{}
.sol-image-item{}
.sol-image-container{ position: relative; height:800px; margin-top:50px}
.sol-image-container img{ width:100%; }

.sol-image-item { position: absolute;top: 0; left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.5s ease;  object-fit: cover; }
  .sol-image-item img{ width:100%;  display:block; object-fit: contain; }
 .sol-image-item.active {  opacity: 1; }

.slider-container{position:relative;width:100%;margin:0 auto;border-radius:20px;overflow:hidden;}
.slider{display:flex;transition:transform .6s cubic-bezier(.25, .46, .45, .94);min-height:800px;}
.slide{min-width:100%;height:100%; margin-top:50px;position:relative}
.slide img{width:100%;height:100%;object-fit:cover}
.slide-content{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:30px;color:#fff}
.slide-title{font-size:2.2rem;margin-bottom:10px;font-weight:700}
.slide-desc{font-size:1.1rem;opacity:.9;max-width:80%}
.tabs{}
.tab{}
.tab:hover{}
.tab.active{}
.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;width:60px;height:60px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;z-index:10;opacity:.8}
.nav-btn:hover{background-color:#143a99;transform:translateY(-50%) scale(1.1);opacity:1}
.prev-btn{left:25px}
.next-btn{right:25px}
.dots{position:absolute;bottom:25px;left:0;width:100%;display:flex;justify-content:center;gap:12px;z-index:10}
.dot{width:14px;height:14px;border-radius:50%;background-color:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}
.dot.active,.dot:hover{background-color:#143a99;transform:scale(1.3)}


	


.indu-item{ display: flex; flex-wrap: wrap; justify-content: center;gap:60px;margin: 0 auto; position: relative;}

.indu-block{ flex: 0 0 25%;min-height: 200px;border-radius: 12px;background: radial-gradient(ellipse at 50% 30%,   rgba(255, 255, 255, 0.1) 0%,  rgba(100, 100, 100, 0.3) 100%);box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4); border-radius:10px; color:var(--primary); position:relative; line-height: 1.5}

.indu-block:after{background:url(../images/midbg.webp) no-repeat; background-size:97% 90px;position:absolute;content:" "; top:20px; width:117%; height:180px; left:-20px;}

.indu-block h3{color:var(--white); font-size:1rem;   width:100%; position:absolute; z-index:2; top:20%; display: flex;align-items: center; justify-content: center; height:50px; text-align: center}

.indu-block p{position:absolute; z-index:2;width:80%; left:0; right:0; margin:auto; text-align:center;font-size:0.8rem;}
.indu-en{ top:50%; }
.indu-time{ bottom:15px; color:var(--dark);}

.numls{ background: url(../images/maps.webp) center 80px #143a99 no-repeat ; background-size:40% auto;}


.num-column{display: grid;  grid-template-columns: repeat(3, 1fr);  grid-template-rows: 1fr 1fr;  gap: 20px;min-height:800px }


.num-block{ border:5px solid #87a8fa;color:#87a8fa; display:flex;flex-direction: column; align-items: center; justify-content: center; text-align:center; position:relative; border-top:none; min-height:250px;transition:var(--transition);  align-self: start; }
.num-block:nth-child(4),
.num-block:nth-child(5),
.num-block:nth-child(6) {align-self: end;}


.num-ber{ margin-top:-25px; font-family:'Montserrat' ; text-align:left;font-size:5rem;font-weight:800;color:#fff;line-height:1; width:100%;  position: absolute; padding-left:15px; overflow:hidden; top:0;color:#87a8fa;}
.num-ber span{ font-size:3rem; padding-left:15px}

.num-ber:after{ position:absolute; height:5px; content:""; background:#87a8fa; top:25px; width:100%; left:240px}
.num-block h4{ width:80%; margin:auto  auto 15px auto;}
.num-en{ padding-top:20%; width:80%; margin:15px auto}
  .top-column {align-items: flex-start}
  .bottom-column {margin-top: auto;}
.num-block:hover{color:var(--white);border:5px solid var(--white);border-top:none;}
.num-block:hover .num-ber{ color:var(--white)}
.num-block:hover .num-en{color:var(--accent)}
.num-block:hover .num-ber:after{ background:var(--white)}





.cate-pro{  width:100%; max-width:1920px; margin:50px auto 0 auto}

.category-slider{position:relative;overflow:hidden; }
.category-container{display:flex;transition:transform .5s ease}

.category-slide{min-width:100%; background-position: top  center; background-repeat:no-repeat; background-size: contain; height:700px}
.category-ins{color:var(--gray);   text-align:left; padding:0  0 100px 80px; width:60%; }
	.catepro-en{ font-size:1.5rem;padding:15% 0 10% 0;}
	.category-ins h4{font-size:1.2rem; padding-bottom:20px}
	.category-ins ul li{ position:relative; padding-left:15px}
	.category-ins ul li:before{content:"";position:absolute;top:10px;left:0;width:6px;height:6px;transform: rotate(45deg);background-color:var(--gray);}


.category-img{font-size:1.8rem;color:var(--primary-dark);  flex: 1; height:100%; position:relative}
.category-img img{ display:block;height:100%; width: auto; position:absolute; }


.category-nav{display:flex;justify-content:center; position: absolute; bottom:10px; left: 50%;  transform: translateX(-50%);}
.category-dot{width:12px;height:12px;border-radius:50%;background:var(--light-gray);margin:0 8px;cursor:pointer;transition:var(--transition)}
.category-dot.active{background:var(--primary);transform:scale(1.2)}
.category-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.8);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1rem;color:var(--dark);z-index:10}
.category-btn:hover{background:#fff; color:var(--primary)}
.category-prev{left:20px}
.category-next{right:20px}

.news-index{ margin: 50px auto;}
.news-panel{display:none;animation:fadeIn .4s ease; }
.news-panel.active1{display:block}
.news-block{display: grid;  grid-template-columns: 60% 40%;  width: 100%;margin: 30px auto;  gap: 0;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); }


.news-simg{}
.news-simg img {  width: 100%; height: 100%; object-fit: cover;  display: block;}
.news-item{ padding:20px 30px; color:var(--secondary);   display: flex;  flex-direction: column;}

.news-time{ font-size:0.8rem}
.news-item h2{ padding:15px 0; font-size:1.2rem}
.news-ins{font-size:0.9rem }
.news-more{margin-top: auto; text-align:right; font-size:0.8rem}
.news-more i{ margin-left:-4px;margin-right:-4px}
.news-more a{position: relative;  border:1px solid transparent; margin:0 10px; border-radius:35px;background: linear-gradient(#5f5d5d, #b2b2b3); background-clip: padding-box;padding:4px 20px;z-index: 1; color:var(--white) }
.news-more a:after{ position: absolute;  top: -2px; bottom: -2px;  left: -2px; right: -2px;
    background: linear-gradient(#b2b2b3, #5f5d5d);  content: '';z-index: -1;border-radius:35px;  }
 

@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}

.news-si{display:flex;gap:10px;justify-content:space-between; width:90%; margin:0 auto; overflow: hidden}
.news-img{width:160px;height:80px;border:2px solid transparent;cursor:pointer;transition:.3s}
.news-img.active{border-color:#2ecc71}

.news-but{ display: flex;  flex-direction: row; align-items:center; justify-content: flex-end;  gap: 10px;}
.news-but .arrow{ width:30px; height:30px; border-radius:50%; background:#eeeeef; border:none; cursor: pointer}
.news-but .arrow:hover{ background: var(--accent); color:var(--primary)}

footer{ background:var(--light-gray); padding:50px 0;}

.foot-btn{display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;margin-bottom: 40px; border-bottom:1px  solid var(--secondary); margin-bottom:20px; padding-bottom:20px}
.foot-btn a {   display: flex;flex-direction: column;align-items: center;text-align: center;color:var(--secondary); font-size:0.8rem}
.footic{ width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center;
    justify-content:center; margin-bottom: 20px;font-size: 1.8rem; background:var(--white);box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.4);}

.foot-btn a:hover{ color:var(--primary)}
.foot-btn a:hover .footic{ background:var(--primary); color:var(--white)}

.foot-column{ display: grid; grid-template-columns: minmax(100px, 150px) minmax(100px, 150px) minmax(100px, 150px) minmax(100px, 150px) minmax(100px, 150px) 1fr;  gap: 15px;  margin-bottom: 40px; color:var(--secondary); }
.foot-column a{color:var(--secondary); }
.foot-item{}
.foot-item h3{ font-size:0.9rem; padding-bottom:10px}
.foot-item h4{ font-size:0.9rem}
.foot-item ul li{ font-size:0.8rem}



/*News */


.newstop{ padding:10px 0; margin:30px  auto}

.news-iteme{position:relative; width:100%;overflow:hidden;display: flex;flex-direction: column;  padding:20px; border-radius:15px; height:440px;  margin:50px 0;box-shadow: 0 4px 14px hsla(0, 0%, 0%, 0.1);}
.news-slide { position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  opacity: 0;  transition: opacity 1s ease;
    display: flex;  align-items: center;}
.news-slide.active{opacity:1}
.Newsrec-nav{position:absolute;top:45%;transform:translateY(-50%);left:70%;display:flex;flex-direction: column;}
.news-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);margin:4px 0;cursor:pointer;transition:var(--transition)}
.news-dot.active{background:#fff;transform:scale(1.2)}
.Newsrec-btn{position:absolute;top:40%;transform:translateY(-50%);background:rgba(255,255,255,.7);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.5rem;color:var(--dark)}
.Newsrec-btn:hover{background:#fff}
.Newsrec-prev{left:30px}
.Newsrec-next{right:30px}



.news-rebok{display: flex;gap:80px; width:100%; padding:20px;}
.news-recol{ display: flex; flex-direction: column;  border-radius: 6px;flex: 1; background:var(--white); padding:20px;}
.new-reimg{ width: 60%; width: calc(70% - 25px);border-radius: 6px; overflow:hidden;box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.6); height:400px}
.new-reimg img{ width:100%; height:100%;display:block}


.news-card { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));  gap: 2rem; margin-bottom:30px;border-bottom: 2px solid #597989;
    padding-bottom: 30px;}
.news-card li{border-radius:12px;overflow:hidden;transition:var(--transition); padding:20px;display: flex; flex-direction: column;box-shadow: 0 4px 14px hsla(0, 0%, 0%, 0.1);}



.gntbg{ background:#347d6e}
.gncolor{ color:#347d6e;}
.gnbgs{ background:#d5ead7}

.news10-tbg{ background:#bbd4ef}/*顶部背景*/
.news10-bg{ background:#0067cd}
.news10-c{color:#0067cd;}
/*.news10-bs{ background:#dfedf9}列表背景*/
.news10-sbg{background:#0067cd; color:#fff}


.news10-bs h4{color:#5d5d5d}
.news10-bs .ninsr {color:#8b8b8b}
.news10-bs .newaor i{ color:#0067cd}
.news10-bs:hover{background:#bbd4ef}
.news10-bs:hover .newaor { background:#0067cd;color:#fff}
.news10-bs:hover .newaor i{ color:#fff}


.news11-tbg{ background:#b6b6b7}
.news11-bs{ background:#eeeeef}
.news11-sbg{background:#fefefe; color:#a1a1a1}


.news11-bs h4{color:#5d5d5d}
.news11-bs .netime{ color:#a1a1a1 }
.news11-bs .ninsr {color:#8b8b8b}
.news11-bs .newaor i{ color:#8d8d8e}
.news11-bs:hover{background:#b6b6b7;}
.news11-bs:hover h4,.news11-bs:hover .ninsr {color:#fff}
.news11-bs:hover .newaor { background:#8b8b8c;}
.news11-bs:hover .newaor i{ color:#fff}
.news11-bs:hover .netime{ color:#0067cd}



.news12-tbg{ background:#accbb1}
.news12-bs{ background:#d5ead8}
.news12-sbg{background:#fefefe; color:#4b8d7f}


.news12-bs h4{color:#5d5d5d}
.news12-bs .netime{ color:#a1a1a1 }
.news12-bs .ninsr {color:#8b8b8b}
.news12-bs .newaor i{ color:#8d8d8e}
.news12-bs:hover{background:#87b890;}
.news12-bs:hover h4,.news12-bs:hover .ninsr {color:#fff}
.news12-bs:hover .newaor { background:#347d6e;}
.news12-bs:hover .newaor i{ color:#fff}
.news12-bs:hover .netime{ background:#347d6e; color:#fefefe}



.netime{font-size:1.3rem; font-weight:700;text-align:center; width:100px; height:100px;border-radius:15px;}
.netime p{font-size:3.5rem; line-height:1.1; font-weight:900}

.news-card li h4{ padding:20px 0; font-size:0.9rem; }
.ninsr{ font-size:0.8rem; min-height:150px; }
.newaor{margin-top: auto; font-size:1.5rem; width:30px; height:30px; border-radius:50%; margin:0 auto; background:#fff; line-height:30px; overflow:hidden}


.news-card li:hover.gnbgs{ background:#84b68e}
.news-card li:hover.gncolor{ color:#fff;}


.pageslist{ text-align:center; padding:20px 0; display:flex; justify-content:center}

.pageslist li { margin:0 10px; width:40px; height:40px; line-height:40px; border-radius:50%; background:#8b8b8c; color:#fff; position:relative}
.pageslist li:first-child,.pageslist li:last-child{background:#dcdddd; overflow:hidden; text-indent:-1000px;white-space: nowrap; }
.pageslist li:first-child:after{ content: "";  width: 10px; height: 10px; border: solid #fff; border-width: 2px 0 0 2px ; transform: translate(-50%, -50%) rotate(-45deg);  position: absolute;  left: 55%;  top:50%;}
.pageslist li:last-child:after{ content: "";  width: 10px; height: 10px; border: solid #fff;  border-width: 0 2px 2px 0  ; transform: translate(-50%, -50%) rotate(-45deg);  position: absolute;  left:45%;  top:50%;}
.pageslist li a { display:block; border-radius:50%;}
.pageslist li a:hover,.pageslist li.active{ background:var(--primary); color:var(--white)}


.site{ color:var(--gray-t); font-size:0.8rem}
.site a{ color:var(--primary)}


.news_con{border-bottom:2px solid #597989; border-top:2px solid #597989; padding:30px 0;}
.news-atop{display:flex;justify-content:space-between;align-items:center;gap:20px; color:#5f5d5d}
	
	.newsshare11 a{ background:#c9caca; border-radius:5px; display:inline-block; width:35px; height:35px; color:var(--white); text-align:center; line-height:35px}
	.news-atime{ color:var(--secondary); text-align:right; margin-top:15px}
	.newsbody{ padding:30px 0; color:#878585; font-size:0.9rem}

.share-plugin{font-family:'Segoe UI','Microsoft YaHei',sans-serif;margin:20px 0}
.share-title{font-size:18px;color:#333;margin-bottom:15px;font-weight:600}

.share-btn{display:flex;gap:15px;flex-wrap:wrap}
.share-btn a{ display: block;width:50px;height:50px; text-align: center; line-height: 50px; border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#D3D3D3;text-decoration:none;color:#fff;font-weight:500;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:1.5rem}
.share-btn a:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.15)}




.share-qr-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}
.share-qr-overlay.active{opacity:1;visibility:visible}
.share-qr-container{background-color:#fff;border-radius:12px;padding:20px;text-align:center;max-width:280px;width:90%}
.share-qr-close{background-color:#07c160;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:10px}




.newsxtb{ padding:30px 0; font-size:0.8rem; border-top:2px solid #597989;}
.newsxtb li{ margin:10px 0}
.newsxtb span{ background:var(--primary); color:var(--white); border-radius:3px; font-size:0.8rem; padding:1px 2px; margin-right:15px}


.pro-item{ padding:30px 0;  border-top:2px solid #03418c; margin:80px auto 30px auto}
	.procl{ color:#00738a}  
	

.tempok-tee{ width:60%; max-width:600px; margin:50px auto}
	.tempok-two{  width:60%; max-width:400px; margin:50px auto; }
	.tempok-sev{ width:90%; max-width:1000px; margin:50px auto}
.tem-boke{ position: relative;  width: 100%;   margin: 0 auto; padding-top:1px;}
.temline { flex: 1;  height: 2px;  background-color:var(--gray);  position: relative; width:calc(100% - 100%/8); margin:0 auto}
	.temline-two{ width:calc(100% - 100%/2);}
	.temline-three{ width:calc(100% - 100%/3);}
	.temline-five{ width:calc(100% - 100%/5);}
	.temline-seven{ width:calc(100% - 100%/7);}
	.temsevfz{ font-size:0.8rem; line-height:1}

.tem-list {display: flex;  justify-content: space-between;  position: absolute;  top: 50%;left: 0;  right: 0;  transform: translateY(-50%);}
.tem-list li{position:relative;flex: 1;  color:var(--secondary); text-align:center; height:128px; transition:var(--transition); overflow:hidden}
.tem-list li.fsnts{ height:178px}
.tem-list li a{ display:block}
.tem-list li p{position:absolute; top:0; padding:0 15px; width:100%; text-align:center}
	.tem-list li p.temsevfz{top:20px;}
.tem-list li h4{position:absolute; bottom:25px; width:100%;padding:0 15px;font-size:1rem}
	.tem-list li h4.fsnt { height:70px; text-align:center;bottom: 0px; line-height:1.1}
	
.tem-list li i{ position:absolute; left:0; right:0; margin:auto; bottom:-25px;transition:var(--transition)}
	
.tem-list li a:after,.tem-list li a:before{border-radius:50%;position:absolute; content:"";top: 50%;left: 0;right: 0;transform: translateY(-50%); margin:auto; }
.tem-list li a:after{width: 8px; height: 8px; background:var(--gray);transition:var(--transition) } 
.tem-list li a:before{width:16px; height: 16px;background: rgba(161,161,161,0.3);transition:var(--transition)}
.tem-list li:hover a,.tem-list li.active  a{ color:var(--primary);}
.tem-list li:hover a:after,.tem-list li.active a:after{ background:var(--primary)}
.tem-list li:hover a:before,.tem-list li.active a:before{ background:var(--white); border:1px solid var(--gray);box-shadow:0 0 5px rgba(0,0,0,0.5)}
.tem-list li:hover a i,.tem-list li.active a i{ bottom:6px}
	.fsnts:hover i{bottom:-15px;}
.tem-list li a{ display: block}

.temlt{ color:#07778d;}
.temlg{ background:#07778d}

.tembt:hover{ color:#0067cd; }
.tembg:hover{background:#0067cd}
.tem-list li a.tembt:hover:after,.tem-list li a.tembt.active:after{ background:#0067cd}

.zsbt{ }
.zsbt:hover a{ color:#4d5293 ; }
.zsbt li:hover a, .zsbt li.active a{color:#4d5293}
.zsbt li:hover a:after, .zsbt li.active a:after{background:#4d5293}


.cklsbt{}
.cklsbt:hover{ color:#00738a ; }
.cklsbt li:hover, .cklsbt li.active {color:#00738a}
.cklsbt li:hover:after, .cklsbt li.active:after{background:#00738a}
.cklsk{color:#00738a}

.yzhjbt{}
.yzhjbt:hover{color:#6e6e6e ; }
.yzhjbt li:hover, .yzhjbt li.active {color:#6e6e6e}
.yzhjbt li:hover:after, .cklsbt li.active:after{background:#6e6e6e}




.temgt{color:#6e6e6e;}
.temgg{ background:#6e6e6e}



.tem-list li.progren:hover p,.tem-list li.progren:hover h4, .tem-list li.progren:hover i{color:#00738a}


.promic{ }
.promic img{ width:100%; height:auto; display:block}

.pro_mos{ margin:80px  auto}
.pro-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;justify-content:left}
.pro-tabs  li{ padding:10px; border-radius:15px 15px 0 0; text-align:center; transition:var(--transition); display:flex;flex-direction: column; }
.pro-tabs  li p{ color:var(--white); line-height:1}
.ardown{ height:30px; position:relative; overflow:hidden;margin-top: auto;}
.ardown i{ position:absolute; bottom:-30px; left:0; right:0; margin: auto; text-align:center; width:100%;transition:var(--transition);}
.pro-tabs li:hover .ardown i,.pro-tabs li.active .ardown i{ bottom:0px}

.pro-xlb{border-bottom:2px solid #03418c;}
.pro-xlb li{background: linear-gradient(to top, #d2eefc, #91c1e3); color:#0262b5; flex:1; max-width:140px}
.pro-xlb li:hover,.pro-xlb li.active{background: linear-gradient(to top, #6497ed, #0054b3);color:#fff; }
.pro-xlb li:hover p{color:#b3d9f5}

.pro-min{border-bottom:2px solid #2d307d;}
.pro-min li{background: linear-gradient(to top, #c3c5e6, #9fa2cc); color:#2c2a7a; flex:1; max-width:140px}
.pro-min li:hover,.pro-min li.active{background: linear-gradient(to top, #7e76b5, #2c2a7a);color:#fff; }
.pro-min li:hover p{color:rgba(45,48,125,0.5)}


.pro-ck{border-bottom:2px solid #07778d; line-height:1.2}
.pro-ck li{background: linear-gradient(to top, #bae1ed, #a2d8e6); color:#07778d; flex:1; max-width:140px}
.pro-ck li:hover,.pro-ck li.active{background: linear-gradient(to top,  #13aacb, #0487a3);color:#fff; }
.pro-ck li p{color:rgba(255,255,255,0.9);letter-spacing:0.02rem; width:75%; margin:0 auto; text-align:center}
.pro-ck li:hover p{color:rgba(255,255,255,0.5)}


.pro-stc{border-bottom:2px solid #505263;}
.pro-stc li{background:linear-gradient(to top, #787a87, #505263); color:#fff; flex:1; max-width:140px}
.pro-stc li:hover,.pro-stc li.active{background: linear-gradient(to top,#787a87, #505263);color:#fff; }
.pro-stc li p{color:#fff}
.pro-stc li:hover p{color:#fff}

.stc-item {}
.stc-item h1,.stc-item h2{background: linear-gradient(to top,#787a87, #505263); padding:5px 25px; color:#fff; border-radius:10px;  font-size:1.1rem; margin:10px 0 15px 0}
.stc-item ul { padding-left:5px;}
.stc-item ul li{ list-style:none; position: relative;padding-left:15px;}
.stc-item ul li:after{ position:absolute; content:''; background:#a5a5a5; width:6px; height:6px; border-radius:3px; left:3px; top:50%;transform: translateY(-50%); }
.stc-item ul.hsark li:after{background:#333; }


.pro-set{display:flex;justify-content:space-between;gap:20px;  }
	.product-name{ width:25%}
	.product-name h2{ color:#0067cd; font-size:2rem}
	.product-display{position:relative;width:25%; max-width:400px; min-height:300px;margin-bottom:25px}
	.image-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s ease;border-radius:15px; overflow:hidden}
	.product-image{max-width:90%;max-height:90%;object-fit:contain;transition:transform .4s ease;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1)}
	 
.product-info{text-align:center;padding:0 20px; width:50%}

.scale-indicator{position:absolute;bottom:25px;right:25px;background-color:rgba(0,0,0,.7);color:#fff;padding:8px 15px;border-radius:20px;font-size:.9rem;z-index:5; display:none}

.pro-bot{ display:flex;  flex-wrap: wrap; gap:5px; justify-content: space-between}
.pro-bot button{ width:40px; height:40px; border-radius:50%; color:#fff; margin:10px 0;position:relative;  border:5px solid transparent;  padding:10px; z-index:3; font-size:1.2rem;display:flex;justify-content:center;align-items:center;  cursor:pointer}
.pro-bot button i{ z-index:3; position:relative}
.pro-bot button:before{position:absolute;  top:-1px;  bottom: -1px; left: -1px;right: -1px; content: '';  z-index:1;  border-radius: 50%;}
.pro-bot button:after{position:absolute; top:-4px;  bottom: -4px; left: -4px;right: -4px; content: '';  z-index: -1;  border-radius: 50%;}
.product-counter{ display:none}
.pro-bot button.nav-btn{transform: translateY(0);}

.proadv{}
.proadv h3{ font-size: 0.9rem; display: inline-block; background: linear-gradient(to top, #609ed6, #297ac9); padding:1px 15px; border-radius: 3px; color: #fff; margin-top: 5px}
.proadv h3 span{ display: inline-block; background: #143a99; padding: 2px 15px; color: #fff}
.proadv h4{ line-height: 1; font-weight: 600}

.proads{ background: linear-gradient(to top, #ebf9ff, #d3eefc); border-radius: 15px; margin-top: 15px; padding:10px 25px}
.proads H3{ display: inline-block;background: url(../images/proads.webp)  10px center no-repeat #0362b6; background-size:20px auto; border-radius: 3px; color: #fff; font-size:0.9rem; padding:1px 25px 0 35px;}
.proads p{ color: #6e767d; font-size: 0.9rem}

.proadsck{ background: linear-gradient(to top, #ebf9ff, #d3eefc); border-radius: 15px; margin-top: 15px; padding:10px 25px}
.proadsck H3{ display: inline-block;background: url(../images/proads.webp)  10px center no-repeat #16819b; background-size:20px auto; border-radius: 3px; color: #fff; font-size:0.9rem; padding:1px 25px 0 35px;}
.proadsck p{ color: #6e767d; font-size: 0.9rem}

.proadsmin{ background: linear-gradient(to top, #dfe0f2, #cfd1ee); border-radius: 15px; margin-top: 15px; padding:10px 25px}
.proadsmin H3{ display: inline-block;background: url(../images/proads.webp)  10px center no-repeat #3c4088; background-size:20px auto; border-radius: 3px; color: #fff; font-size:0.9rem; padding:1px 25px 0 35px;}
.proadsmin p{ color: #6e767d; font-size: 0.9rem}

.xlb-bor{ border:3px solid #0067cd;}
.xlb-btn button:before,.xlb-name{background: linear-gradient(to top, #609ed6,#297ac9);}
.xlb-btn button:after{background: linear-gradient(to top,#297ac9, #609ed6);}
.xlb-is{ background:#abd3f1; color:#0067cd}

.min-bor{ border:3px solid #2d307d;}
.min-btn button:before,.min-name{background:linear-gradient(to top,#6d6ea4, #2d307d);}
.min-btn button:after{background: linear-gradient(to top, #2d307d,#6d6ea4);}
.min-is{ background:#a9abc8; color:#bdbede}
.min-cs img{ width:100%; height:auto}


.ckk-bor{ border:3px solid #07778d;}
.ckk-btn button:before,.ckk-name{background:linear-gradient(to top,#2eb3d0, #0488a4);}
.ckk-btn button:after{background: linear-gradient(to top, #0488a4,#2eb3d0);}
.ckk-is{ background:#92cee0; color:#b9e1ed}
.ckk-cs h3 { margin:10px 0 3px 0}
.ckk-cs h3 span{ background:#0b97b6; color:#fff; padding:2px 15px; border-radius:5px; font-size:1rem; font-weight:500}
.ckk-cs p{ color:#00738a }
.ckk-title h2{color:#07778d;}


.insnv{  }
.insnv img{ display: block; margin: 0 auto; max-width: 99%}

.ck-btn:before{background: linear-gradient( #00738a,#4dc0d9);}
.ck-btn:after{background: linear-gradient(#4dc0d9, #00738a);}

.pro-tins{ text-align:left;  width: 50%; display:flex;flex-direction: column;}
.pro-tins h1{ color:var(--white);  padding:15px 25px; border-radius:8px;}
.pro-tisn{margin-top:-15px; position:relative; z-index:-1; padding:15px 25px 3px 25px; border-radius:8px;}

.pro-dstc{ margin-top: auto; font-size: 0.8rem;  margin-left:auto; width:300px;color:#fff; font-size:1rem; padding:20px; position:relative; z-index:2; border:5px solid transparent; border-radius:10px; padding:10px; }
.pro-dstc p{ position:relative; z-index:3}
.pro-dstc:after{position:absolute; top:-5px;  bottom: -5px; left: -5px;right: -5px;background: linear-gradient(#4dc0d9, #00738a);   content: '';  z-index: -1; border-radius:15px;}
.pro-dstc:before{position:absolute; top:-2px;  bottom: -2px; left: -2px;right: -2px; content: ''; background: linear-gradient( #00738a,#4dc0d9); z-index:1; border-radius:15px;}
.pro-dstc ul{ position: relative; z-index: 6}
.pro-dstc ul li{ font-size: 0.8rem}


.pro-bod{ border-top:2px solid #00738a; border-bottom:2px solid #00738a; padding:30px 0; margin:50px 0}

.xlb-bor{ border:3px solid #5b9cd5;}
.xlb-btn button:before,.xlb-lx:before{background: linear-gradient(to top, #609ed6,#297ac9);}
.xlb-btn button:after,.xlb-lx:after{background: linear-gradient(to top,#297ac9, #609ed6);}

.min-bor{ border:3px solid #2d307d;}
.min-btn button:before,.min-lx:before{background: linear-gradient(to top,#6d6ea4, #2d307d);}
.min-btn button:after,.min-lx:after{background:linear-gradient(to top, #2d307d,#6d6ea4);}
.min-intro h2 { color:#4d5293}


.xlb-cs { padding:20px}
		.xlb-cs ul{ display:flex;  gap:30px; }
		.xlb-cs ul li{ width:80px; height:80px; border-radius:50%;  padding:5px;  font-size:0.8rem; line-height:1; color:#fff; position:relative; text-align:center;transform: rotate(-45deg)}
		.xlb-cs ul li::before { content: '';  position: absolute;top: -8px;left: -8px;right: -8px;bottom: -8px;border-radius: 50%; background: linear-gradient(to bottom, #afb7c9,#31313c); z-index: -1;}
		.xlb-cs ul li::after{content: 'Wear Resistant Coating'; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: linear-gradient(to bottom,   white 50%, transparent 50%);z-index: -1; display:flex; align-items: flex-end; padding-bottom:2px}
		.xlb-cs ul li p{ color:#31313c; height:32px; margin-bottom:6px;display: flex; align-items: end;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%;justify-content: center;} 
		
		.xlb-cs ul li.xsS2::before { background: linear-gradient(to bottom, #a6a5d1,#2b378e); }
		.xlb-cs ul li.xsS2 p{ color:#4e93c2}
		.xlb-cs ul li.xsS2::after{ content:'Diamond Coating'; } 
		
		
		.xlb-cs ul li.xsS3::before { background: linear-gradient(to bottom, #33bbd9,#804e9a); }
		.xlb-cs ul li.xsS3 p{ color:#4e93c2}
		.xlb-cs ul li.xsS3::after{ content:'Ultra Lubricating Coating';padding-bottom:3px; } 
		
		
		.xlb-cs ul li.xsS4::before { background: linear-gradient(to bottom, #faaa3a,#0573c2); }
		.xlb-cs ul li.xsS4 p{ color:#4e93c2}
		.xlb-cs ul li.xsS4::after{ content:'High Performance Coating'; padding-bottom:3px; } 

		
.ck-btn:before{background: linear-gradient( #00738a,#4dc0d9);}
.ck-btn:after{background: linear-gradient(#4dc0d9, #00738a);}

.ckdot span{ background: linear-gradient( #0488a4,#11a6c7); padding:3px 10px; border-radius:3px; color:#fff ; font-size:1rem}	
	.ckdotp{ color:#00738a}





.sol-tl { background: linear-gradient(45deg, #8b8b8c, #c7c8c8); border: 4px solid #d3d3d4; border-top-color: #d3d3d4;  border-left-color: #d3d3d4;  border-right-color: #5f5d5d;  border-bottom-color: #5f5d5d;  box-shadow: 2px 2px 4px rgba(0,0,0,0.2),  inset 1px 1px 0px rgba(255,255,255,0.8); padding:5px 25px; color:#fff}
.sol-tl p{ color:var(--accent); font-size:0.8rem}
  
 

.faq-item{border-bottom:1px solid #eaeaea;transition:all .3s ease}
.faq-item:last-child{border-bottom:none}
.faq-item.active{ }

.faq-question{background: linear-gradient(45deg, #8b8b8c, #c7c8c8); border: 4px solid #d3d3d4; border-top-color: #d3d3d4;  border-left-color: #d3d3d4;  border-right-color: #5f5d5d;  border-bottom-color: #5f5d5d;  box-shadow: 2px 2px 4px rgba(0,0,0,0.2),  inset 1px 1px 0px rgba(255,255,255,0.8); padding:5px 25px; color:#fff; display:flex; justify-content:space-between; align-items:center; margin-top:25px}

.faq-question h3{font-size:0.8rem;color:#fff;margin-right:15px}
.faq-question p{ color:#fff;font-size:0.9rem}
.faq-icon{font-size:1.2rem;color:#8b8b8c;transition:transform .4s ease;flex-shrink:0; background:#fefefe; width:35px; height:35px; border-radius:50%; text-align:center; line-height:35px}

.faq-item.active .faq-icon{transform:rotate(180deg);color:#fff; background:#5f5d5d}

.faq-answer{max-height:0;overflow:hidden;padding:0 25px;transition:var(--transition); font-size:0.9rem }
.faq-item.active .faq-answer{max-height:1900px;padding:20px 25px 25px;border-top:1px solid #0067cd; margin-top:30px; color:var(--secondary)}




.abouttop{ padding:80px 0}

.about-boke{ position: relative;  width:60%;   margin:120px auto 50px auto; padding-top:1px;}
.aboutline { flex: 1;  height: 2px;  background-color:var(--gray);  position: relative; width:calc(100% - 100%/5); margin:0 auto}
.about-boke ul{display: flex;  justify-content: space-between;  position: absolute;  top: 50%;  left: 0;  right: 0;  transform: translateY(-50%);}
.about-boke li{position:relative; font-size:0.9rem;flex: 1;  color:var(--secondary); font-size:0.9rem; text-align:center; height:128px; font-size:0.8rem;transition:var(--transition); overflow:hidden}
.about-boke li p{position:absolute; top:0; padding:0 15px}
.about-boke li h4{position:absolute; bottom:25px; width:100%;padding:0 15px;font-size:1rem; font-weight:normal}
.about-boke li i{ position:absolute; left:0; right:0; margin:auto; bottom:-15px;transition:var(--transition)}
.about-boke li:after,.about-boke li:before{border-radius:50%;position:absolute; content:"";top: 50%;
  left: 0;  right: 0;  transform: translateY(-50%); margin:auto; }
.about-boke li:after{width: 8px; height: 8px;  background:var(--gray);transition:var(--transition) } 
.about-boke li:before{width:16px; height: 16px;background: rgba(161,161,161,0.3);transition:var(--transition)}
.about-boke li:hover,.about-boke li.active{ color:var(--primary);}
.about-boke li:hover:after,.about-boke li.active:after{ background:var(--primary)}
.about-boke li:hover:before,.about-boke li.active:before{ background:var(--white); border:1px solid var(--gray);box-shadow:0 0 5px rgba(0,0,0,0.5)}
.about-boke li:hover i,.about-boke li.active i{  bottom:6px}

.about-con{ padding:50px 0;  color:var(--secondary); font-size:0.9rem}
.aoboutatr{ padding:30px 0; line-height:2}
  
.abhonor{display: flex;  flex-direction: column; gap: 50px; margin:50px 0}

.about-it{ border-bottom:1px solid #75838a; padding:2rem 0; text-align:center; color:#75838a}
.about-it img{ margin:0 auto; max-width:95%}
.about-st{ font-size:1rem}
.about-se{ font-size:0.8rem; max-width:500px; width:60%; margin:0 auto}

.aboutitho{ padding:3rem 0}

.aboutlx img{ width: 100%; height: auto; display: block}

.honor-row{display:grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));  gap:50px;position:relative;}
.row-line{width:100%;height:18px;background:#efefef;box-shadow: 0 10px 6px -6px #777; grid-column: span 3; margin-top:-105px}
.honor-card{display:flex;flex-direction:column;align-items:center;height:350px; margin-top:30px;position:relative; padding-left:25px; justify-content:flex-end}
.honor-img { margin:0 auto;  padding: 20px; }
.honor-img img{ width: auto; max-height:280px;}
.honor-name{ text-align:center; color:var(--gray); padding-top:20px; font-size:0.9rem}


.inno-ques{ display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap:2.5rem;}
	.ques-box{min-height:350px;border-radius:30%;position:relative;border:2px solid transparent;background-clip:padding-box,border-box; padding:8px}
	.ques-box::after{content:'';position:absolute;width:30%;height:30%;background:#f9f9f9;top:-3px;left:-3px;border-radius:12px 0 12px 0; }
	.qleftdot{ width:10px; height:10px; position:absolute;  border-radius:50%; top:29%; left:-5px; z-index:2}
	.qtopdot{ width:10px; height:10px; position:absolute;   border-radius:50%; left:29%; top:-6px;z-index:2}





.ques-item{ background:#fff;  box-shadow: 0 0px 3px 3px rgba(0,0,0,0.1);border-radius:30%; height:100%; position:relative; z-index:1; display:flex; align-items:center; justify-content:center; text-align:center;overflow: hidden; cursor: pointer}
	.ques-num{ width:80px; height:80px; border-radius:50% ;box-shadow: 0 0px 2px 2px rgba(0,0,0,0.3); position:absolute; left:0; top:0;  padding:5px; z-index:5; overflow:hidden; border:5px solid #fff; text-align:center; line-height:1.1; font-size:3rem; color:#fff; font-weight:700; }	
	.ques-tos{ width:80%}
	.ques-tos h4{ }
	.quesmi{ font-size:0.8rem; color:#627f88; width:60%; line-height:1.2; margin:1rem auto;text-transform: capitalize;}
	.buts{}
.ques-mb{position: absolute; background:#19c0a6; height: 0; width: 100%; z-index: 2; color: #fff; overflow:hidden; display: flex; align-items: center;justify-content: center;  text-align: center; flex-direction: column; font-size: 0.8rem}
.ques-mb p{ width: 50%; margin: 0 auto}
.ques-box:hover .ques-mb{ height: 100%} 
	.qmbs1{background:#19c0a6;}
	.qmbs2{background:#11a2b3;}
	.qmbs3{background:#0885c0;}
	.qmbs4{background:#0067cd}
	.qmbs5{background:#2a6fd8}
	.qmbs6{background:#5478e2}
	.qmbs7{background:#7e80ed}
.qcolgr1{ color:#19c0a6}
.qcobg1{ background:#19c0a6}
.qcobk1{background:linear-gradient(#f9f9f9,#f9f9f9) padding-box,linear-gradient(to right,#19c0a6,#19c0a6) border-box;}
.qbt1{ position: relative;  border: 1px solid transparent; border-radius: 35px;  background: linear-gradient(#11a3b2,#19bfa6);background-clip: padding-box;  padding:6px 20px;  z-index: 1;  color: var(--white); max-width:150px; margin:0 auto ; font-size:0.8rem}
.qbt1:after{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(#19bfa6, #11a3b2);content:'';z-index:-1;border-radius:35px}
.qbtm1{border:6px solid #19c0a6; }

.qcolgr2{ color:#11a2b3}
.qcobg2{ background:#11a2b3}
.qcobk2{background:linear-gradient(#f9f9f9,#f9f9f9) padding-box,linear-gradient(to right,#11a2b3,#11a2b3) border-box;}
.qbt2{ position: relative;  border: 1px solid transparent; border-radius: 35px;  background: linear-gradient(#0886bf,#10a0b4);background-clip: padding-box;  padding:6px 20px;  z-index: 1;  color: var(--white); max-width:150px; margin:0 auto ; font-size:0.8rem}
.qbt2:after{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(#10a0b4,#0886bf);content:'';z-index:-1;border-radius:35px}
.qbtm2{border:6px solid #11a2b3; }

.qcolgr3{ color:#0885c0}
.qcobg3{ background:#0885c0}
.qcobk3{background:linear-gradient(#f9f9f9,#f9f9f9) padding-box,linear-gradient(to right,#0885c0,#0885c0) border-box;}
.qbt3{ position: relative;  border: 1px solid transparent; border-radius: 35px;  background: linear-gradient(#0068cc,#0783c1);background-clip: padding-box;  padding:6px 20px;  z-index: 1;  color: var(--white); max-width:150px; margin:0 auto ; font-size:0.8rem}
.qbt3:after{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(#0783c1,#0068cc);content:'';z-index:-1;border-radius:35px}
.qbtm3{border:6px solid #0885c0; }


.qcolgr4{ color:#0067cd}
.qcobg4{ background:#0067cd}
.qcobk4{background:linear-gradient(#f9f9f9,#f9f9f9) padding-box,linear-gradient(to right,#0067cd,#0067cd) border-box;}
.qbt4{ position: relative;  border: 1px solid transparent; border-radius: 35px;  background:linear-gradient(#0054b3,#548ce4);background-clip: padding-box;  padding:6px 20px;  z-index: 1;  color: var(--white); max-width:150px; margin:0 auto ; font-size:0.8rem}
.qbt4:after{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(#0468ce,#296fd8);content:'';z-index:-1;border-radius:35px}
.qbtm4{border:6px solid #0067cd; }


.qcolgr5{ color:#2a6fd8}
.qcobg5{ background:#2a6fd8}
.qcobk5{background:linear-gradient(#f9f9f9,#f9f9f9) padding-box,linear-gradient(to right,#2a6fd8,#2a6fd8) border-box;}
.qbt5{ position: relative;  border: 1px solid transparent; border-radius: 35px;  background:linear-gradient(#0556b6,#4f75df);background-clip: padding-box;  padding:6px 20px;  z-index: 1;  color: var(--white); max-width:150px; margin:0 auto ; font-size:0.8rem}
.qbt5:after{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(#4f75df,#0556b6);content:'';z-index:-1;border-radius:35px}
.qbtm5{border:6px solid #2a6fd8; }

.qcolgr6{ color:#5478e2}
.qcobg6{ background:#5478e2}
.qcobk6{background:linear-gradient(#f9f9f9,#f9f9f9) padding-box,linear-gradient(to right,#5478e2,#5478e2) border-box;}
.qbt6{ position: relative;  border: 1px solid transparent; border-radius: 35px;  background:linear-gradient(#0556b6,#4973db);background-clip: padding-box;  padding:6px 20px;  z-index: 1;  color: var(--white); max-width:150px; margin:0 auto ; font-size:0.8rem}
.qbt6:after{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(#4973db,#0556b6);content:'';z-index:-1;border-radius:35px}
.qbtm6{border:6px solid #5478e2; }

.qcolgr7{ color:#7e80ed}
.qcobg7{ background:#7e80ed}
.qcobk7{background:linear-gradient(#f9f9f9,#f9f9f9) padding-box,linear-gradient(to right,#7e80ed,#7e80ed) border-box;}
.qbt7{ position: relative;  border: 1px solid transparent; border-radius: 35px;  background:linear-gradient(#5457eb,#7476ed);background-clip: padding-box;  padding:6px 20px;  z-index: 1;  color: var(--white); max-width:150px; margin:0 auto ; font-size:0.8rem}
.qbt7:after{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(#7476ed,#5457eb);content:'';z-index:-1;border-radius:35px}
.qbtm7{border:6px solid #7e80ed; }


.jztcs{text-align:center; margin-top:2rem}
.jztcs p{  background: linear-gradient(to right, #3f3b80,#b92272, #f0a513); -webkit-background-clip: text;  background-clip: text;-webkit-text-fill-color: transparent;  color: transparent; font-size:3rem; display:inline-block; font-weight:500}
.jztcs4{ color:#627f88; text-align:center; margin-bottom:2rem; font-size:1.5rem}


.inno-itbox{   display: grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top:2rem}
	.inno-it{ background:#e6e6e6; border-radius:15px; padding:15px; text-align:center}
	.inno-it img{ width:100%; height:auto}
	.inno-it h3{ margin-top:1rem; font-size:1.8rem; color:#595757}
	.inno-int{}
	.inno-fs{ width:80%; max-width:150px; margin:0 auto; font-size:0.8rem; color:#898989}
	.inno-dot{font-size:1.2rem;color:#8b8b8c;transition:transform .4s ease;flex-shrink:0; background:#fefefe; width:35px; height:35px; border-radius:50%; text-align:center; line-height:35px; margin:1rem auto 0 auto; }
	.inno-it:hover{ background:#c9caca}
	.inno-it:hover .inno-dot{transform:rotate(180deg);color:#fff; background:#5f5d5d}
	
.blue-dw{background:linear-gradient(45deg,#0356b5,#5a90e8);border:4px solid #6396ed;border-top-color:#6396ed;border-left-color:#034fa6;border-right-color:#034fa6;border-bottom-color:#034fa6;box-shadow:1px 1px 1px rgba(0,0,0,.2),inset 0px 0px 0px 1px rgba(255,255,255,.8);padding:5px 25px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-top:25px}
.dw-icon{font-size:1.2rem;color:#fff;text-align:center; line-height:35px}
.blue-dw h3{ font-weight: normal;font-size:1rem}
.blue-dw h3 p{ color:rgba(255,255,255,0.6); font-size:0.8rem}


.gustbook{ background:#cfd0d0; border-radius:15px; box-shadow:2px 2px 2px rgba(0,0,0,.2); padding:25px; width:90%; margin:1rem auto;}
.gust-item{display:flex;gap:30px;}
.gustbk{ flex:1; }
.gustbk li{ list-style:none; margin-bottom:15px;}
.gustbk li:last-child{ margin-bottom:0}
.gustbk li input{ width:100%; height:35px; line-height:35px;}
input,textarea{ margin:0; padding:0}
input:focus,textarea:focus{outline:0;}
input::placeholder,textarea::placeholder{ color: #cacaca;  opacity: 1;  } 
.g-rocd{ display:flex;}
.g-rg{ font-size:0.8rem; color:#a9a9a9; text-align:right}
.g-user{ background-image:url(../images/g_user.jpg) ; }
.g-tel{ background-image:url(../images/g_tel.jpg) ; }
.g-com{ background-image:url(../images/g_com.jpg) ; }
.g-tel{ background-image:url(../images/g_tel.jpg) ; }
.g-mail{ background-image:url(../images/g_mail.jpg) ; }
.g-code{ background-image:url(../images/g_code.jpg) ; }

.g-text{ background-image:url(../images/g_text.jpg) ; background-position:2px top !important; }

.gustts{ flex:1}
.gustts textarea{ width:100%}
.gustts-form{padding:3px 3px 3px 35px;background-color:#fefefe;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.05); height:100%; border:1px  solid #8c8c8d; background-position:2px center; background-repeat:no-repeat; }
.gr-btn{ text-align:right; margin-top:25px}
.gr-btn a input{ background:none; display: inline-block; border:0; color:#fff; cursor:pointer}

.aobut-con{ color:#627f88; font-size:1rem}
.con-artice{ color:#627f88; font-size:0.8rem}
.cult53{ width:100% !important; max-width: inherit !important; padding:50px 0; background:#fff}
.cult53 img{ width:100%; height:auto}
.cult53 .sentp{ display:none}

.hr-con{ width:90%; margin:0 auto}
.hr-item{background:#fff;}
.hr-quest{ border:1px dashed #1c66c3; padding:3px; margin-top: 25px; background:#fff}
.hr-quest h3{font-size:1rem;color:#0067cd;font-weight:600;margin-right:15px}
.hr-quest p{ color:#627f88;font-size:1rem}
.hr-icon{font-size:1.2rem;color:#fff;transition:transform .4s ease;flex-shrink:0; background:#7789a4; width:35px; height:35px; border-radius:50%; text-align:center; line-height:35px}
.hr-tbsg{ background:#d0e8f3;display: flex;  justify-content: space-between;align-items: center; padding:5px 25px}

.hr-item.active .hr-icon{transform:rotate(180deg);color:#fff; background:linear-gradient(to top,#4a86de,#0356b4)}
.hr-answer{max-height:0;overflow:hidden;padding:0 25px;transition:var(--transition); font-size:0.9rem; border:1px dashed #1b66c3}
.hr-item.active .hr-answer{max-height:800px;padding:10px;margin-top:30px; color:var(--secondary)}

.hrins{ background: #e9f6fe; padding: 20px 25px;}
.hspost{background: #f2f2f2; margin-top:5px;padding: 20px 25px;}
.hspost h4{ margin-top: 15px; color:#0962be; font-size: 0.8rem }

.jxs-item{ background:url(../images/worldmap.webp) no-repeat #f7f7f7 center center; height: 500px; border-radius:15px; padding:25px 25px 10px 25px; display:flex; align-items:center; justify-content:space-between;max-width:1000px; margin: 0 auto  }
.jxd-put{ width:80%; max-width:600px;}
.jxdbt{ margin-top:0}

.jz-lx{ background:#ededed; padding:3rem 5rem; color:#627f88; font-size:0.9rem}



.hospcon{  background-size:100% auto; position:relative; width:100%; margin:50px 0}
.hospcon:after{content:'';width:50%;top: 18.7%;background:url(../images/hosbgl.webp) left center no-repeat;background-size:100% 410px;position:absolute;height:500px;z-index:-1}
.hospcon:before{content:'';width:50%; right:0;top: 18.7%;background:url(../images/hosbgr.webp)  right center no-repeat;background-size:100% 410px;position:absolute;height:500px;z-index:-1}



.timeline-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:800px}
.timeline-wheel{position:relative;width:700px;height:700px;transition:transform 1s cubic-bezier(.34, 1.56, .64, 1); z-index:2}

.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(135deg,#1a3a5f 0,#0c1a2d 100%);border-radius:50%;border:4px solid #4facfe;box-shadow:0 0 30px rgba(79,172,254,.5);z-index:10;display:flex;justify-content:center;align-items:center;color:#00f2fe;font-weight:700;font-size:1.4rem; display:none}
.year-item{position:absolute;width:110px;height:40px;border-radius:20px;background:#fefefe;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .4s ease;column-rule: #8b8b8c;user-select:none;transform-origin:center center;left:50%;top:50%;margin-left:-40px;margin-top:-40px}

.year-item.active{background: url(../images/bysbg.webp) center center  no-repeat;  background-size: cover;z-index:5; position:relative; width:230px; height:80px; border-radius:40px;margin-top:-60px;margin-left:-100px;}
.year-item.active .year-text{font-size:2rem;color:#0054b3; }

.year-text{display:block;transform:rotate(0);transition:transform 1s cubic-bezier(.34, 1.56, .64, 1);font-size:.85rem;text-align:center;line-height:1.1;padding:5px;font-weight:600}
.year-number{position:absolute;bottom:-25px;left:0;width:100%;text-align:center;font-size:.9rem;color:#88b4e6;font-weight:700; display:none}
.connector-line{position:absolute;top:50%;left:50%;width:0;height:2px;background:linear-gradient(to right,rgba(79,172,254,.3),rgba(79,172,254,.7));transform-origin:left center;z-index:1;transition:width .5s ease; display:none}

.highlight-position{position:absolute;top:50%;left:0;width:350px;height:100px;transform:translateY(-50%);pointer-events:none;z-index:3;display:flex;justify-content:flex-start;align-items:center; display:none}
.highlight-line{width:320px;height:4px;background:linear-gradient(to right,#4facfe,rgba(79,172,254,.2));border-radius:2px;position:relative;box-shadow:0 0 15px rgba(79,172,254,.5)}
.highlight-circle{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#4facfe;border-radius:50%;box-shadow:0 0 20px rgba(79,172,254,.8)}
.highlight-text{position:absolute;right:-80px;top:50%;transform:translateY(-50%);color:#4facfe;font-weight:700;font-size:1.2rem;white-space:nowrap}


.info-panel{width:100%; margin:0 auto; height:800px;padding:20px;border-radius:20px;position:absolute; z-index:1}
.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(79,172,254,.3); display:none}
.current-year{font-size:2.2rem;font-weight:700;background:linear-gradient(to right,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;color:transparent}
.year-title{font-size:1.5rem;color:#a0c8ff}


.hostcont{ width:100%; height:100%; position:relative}
.info-content{line-height:1.7;color:#5f5d5d;font-size:0.8rem;  display:flex; align-items:center; padding:15px 20px; }
.info-content span{ color:#9fa7ad; font-size:0.6rem }
.info-content div {white-space:pre-wrap;word-wrap:break-word;background:linear-gradient(135deg, transparent 0%, #f7f7f7 100%);width:250px; height:250px;  border-radius:125px;}
.info-content div:first-child{left:-30px; top:-20px; position:absolute;}
.info-content div:nth-child(2){right:-30px; top:-20px; position:absolute}
.info-content div:nth-child(3){left:-30px; bottom:-20px; position:absolute}
.info-content div:nth-child(4){right:-30px; bottom:-20px; position:absolute}


.controls{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:20px; display:none}
.control-btn{background:linear-gradient(135deg,#1e3c72 0,#2a5298 100%);border:none;width:60px;height:60px;border-radius:50%;color:#c2e0ff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.3)}
.control-btn:hover:not(.disabled){background:linear-gradient(135deg,#2a5298 0,#1e3c72 100%);transform:scale(1.1);box-shadow:0 0 20px rgba(79,172,254,.6);color:#fff}
.control-btn:active:not(.disabled){transform:scale(.95)}
.control-btn.disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#2a5298 0,#1e3c72 100%)}

.year-indicator{font-size:1.2rem;color:#88b4e6;padding:10px 20px;background:rgba(10,25,47,.7);border-radius:10px;min-width:180px;text-align:center}
.year-range{font-size:1rem;color:#a0c8ff;margin-top:5px}

.circle-track{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;height:560px;border-radius:50%;border:150px  solid #939292;pointer-events:none}

.left-blue{ height:200px; width:50%;background: linear-gradient(to right, #115fbd, #397ad4); position: absolute; z-index:-1; left: 0;}
.right-blue{ height:200px; width:50%;background:linear-gradient(to right, #397ad4, #4d88df); position: absolute; z-index:8; right: 0; color:#fff; text-align:right; padding-right:3%;display: flex;  align-items: center;}
.right-blue h3{ font-size:2.5rem; font-weight:400;}
.right-blue p{ font-size:2rem; font-weight:400;}

.maskroc{position:absolute;z-index:3;right:23%;width:560px;height:560px;border-radius:50%;border:152px solid #939292;clip-path:polygon(55% 0,100% 0,100% 3%,50% 50%);transform:rotate(35deg)}
.maskrob{position:absolute;z-index:3; right:20%;top:10%;width:560px;height:560px;border-radius:50%;border:151px solid #939292;clip-path: polygon(100% 0, 100% 0%, 25% 0, 57% 50%); transform: rotate(105deg);}

.leftbtnn{ position:absolute; z-index:8; background:#fefefe; border-radius:15px; width:30px; height:30px;transform: rotate(-125deg); color:#286eca; right:32%; top:31%; border:none; cursor:pointer}
.rightbtn{position:absolute; z-index:8; background:#fefefe; border-radius:15px; width:30px; height:30px;transform: rotate(-75deg); color:#286eca; right:32%; bottom:32%; border:none; cursor:pointer; }

.leftbtnn:hover:not(.disabled),.rightbtn:hover:not(.disabled){background:linear-gradient(#2a5298 0,#6698ef 100%); color:#fff}
.leftbtnn.disabled,.rightbtn.disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(#0256b4 0,#6095eb 100%)}

.kf-sidebar{position:fixed;top:50%;right:15px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;z-index:1000;transition:all .3s ease}
.kf-toggle{background:linear-gradient(135deg,#6a11cb 0,#2575fc 100%);color:#fff;width:60px;height:60px;border-radius:50% 0 0 50%;display:flex;justify-content:center;align-items:center;font-size:1.8rem;cursor:pointer;box-shadow:-5px 5px 15px rgba(0,0,0,.2);margin-bottom:10px;transition:all .3s ease}
.kf-icons{display:flex;flex-direction:column;align-items:flex-end; }
.contact-icon{ background:#143a99; color:#fff; width: 45px; height: 45px; line-height: 45px; border-radius: 10px; margin-bottom:1px; text-align: center; cursor: pointer}
.kf-icon:hover{width:60px;border-radius:20px 0 0 20px}
.contact-detail{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:#fff;border-radius:12px;padding:25px;width:300px;box-shadow:0 10px 30px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;border-left:5px solid}

.contact-icon:hover .contact-detail{opacity:1;visibility:visible;right:70px}
.detail-header{display:flex;align-items:center;}
.detail-icon{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#fff;margin-right:15px}
.phone .detail-icon{background:#4285f4}
.wechat .detail-icon{background:#34a853}

.detail-title{font-size:1rem;font-weight:600;color:#2c3e50}
.detail-content{margin-bottom:25px}

.contact-tip{font-size:.95rem;color:#7f8c8d;font-style:italic}
.contact-info{ color: #627f88; text-align: left; }
.contact-info h4{ font-size: 1rem}
.contact-info ul li{ line-height: 35px;font-size:0.8rem}
.action-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.wechat-qr{width:150px;height:150px;margin:15px auto;background:#f8f9fa;padding:10px;border-radius:10px;display:flex;justify-content:center;align-items:center;border:1px solid #eee}
.qr-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;justify-content:center;align-items:center;color:#999;font-size:.9rem;border-radius:5px}


 @media (max-width: 768px) {
	 
	 .tool-item{gap: 10px;}
	 .tool-bolk{padding: 3px;}
	 .tool-bolk img {max-height: 20px;}
	 .tool-bolk p { font-size:0.3rem;height: 20px; margin: 0}
	 .tool-bolk h3 {font-size: 0.4rem}
	 header{ height: 32vh}	
	.headtop{ font-size: 3px; padding-top:0;}
	.logo img { width:35px;  height: auto;  object-fit: cover;}
	.headdot i { font-size:0.2rem;}
	.headdot {font-size:0.2rem;}
	 nav ul{padding-top: 0}
	 nav ul li{ font-size:0.2rem;padding-top: 0}
	 .banner { height: 30vh}
	 .banner-btn{ width: 20px; height: 20px;font-size:0.5rem}
	 .banner-dot { width: 5px;height:5px;margin: 0 3px}
	 .banner-next { right: 10px;}
	 .banner-prev {  left: 10px;}
	 .partse {   padding:30px 0;}
	 .title {  font-size:1rem;}
	 .titins,.titsf {  font-size:0.8rem;}
	.titen  {  font-size:0.5rem;}
	 .solstop li { height: 100px;}
	 .solstop li p { font-size: 0.3rem;top: 10px;}
	 .solstop li h4 {font-size: 0.3rem;}
	 .sol-image-container { height: 200px}
	 .indu-item {gap: 30px;}
	 .indu-block{ flex: 0 0 40%;min-height: 180px;}
	 .indu-block h3 {font-size: 0.6rem;}
	 .indu-block p{font-size: 0.4rem; line-height:1}
	 .indu-block:after{background-size: 97% 60px;left: -10px;}
	 .num-column {gap: 10px; min-height:380px;}
	 .numls { background: url(../images/maps.webp) center 30% #143a99 no-repeat;    background-size: 100% auto;    min-height: 380px;}
	 .num-block {border: 2px solid #87a8fa;border-top: none;    min-height: 100px;}
	 .num-ber {font-size: 1rem;margin-top: -10px;}
	 .num-en {margin: 5px auto;font-size:0.3rem; line-height: 1}
	 .num-ber span {   font-size: 0.7rem;padding-left:0px;}
	 .num-block h4 {font-size: 0.4rem; line-height: 1}
	 .num-ber:after {    height: 2px;left:60px;top: 10px;}
	 .category-slide { height: 200px}
	 .news-item{ padding: 5px;}
	 .news-item h2{ font-size: 0.3rem}
	 .foot-column{grid-template-columns: repeat(2, 1fr); }
	 .foot-btn { gap:10px}
	 .footic {width: 20px; height: 20px;  font-size: 0.5rem;}
	 .footit{ font-size: 0.5rem;}
	 .contact-icon { width: 35px; height:35px; line-height: 35px; font-size: 0.8rem; margin-bottom: 5px}
	 .contact-icon:active .contact-detail{opacity:1;visibility:visible;right:70px}
	 .tool-ico{ font-size: 0.5rem}
	 .tem-list li{ height: 100px}
	 .tem-list li p { font-size: 0.5rem;top: 10px; }
	 .tem-list li h4{ font-size: 0.5rem }
	 .pro-xlb li{ font-size: 0.3rem;    border-radius:3px 3px 0 0; max-width: 40px;}
	 .ardown { height: 10px;}
	 .pro-bot {gap:2px}
	 .pro-bot button{ width: 30px; height: 30px;font-size:0.8rem;}
	 .product-name h2{ font-size: 0.8rem}
	 .pro-set {flex-wrap: wrap;}
	 .product-display, .product-name,.pro-tins,.pro-dstc{ width: 100%}
	 .pro-tabs {gap:2px}
	 .news-block {grid-template-columns:auto }
	 .news-img { width: 30px;  height: 20px;}
	 
	.inno-ques {grid-template-columns: repeat(4, 1fr);gap: 0.8rem;}
	 .ques-box { min-height: 200px;padding: 3px;}
	 .ques-box{transform: scale(0.5)}
	 .qtopdot {	left: 28%;}
	 .qleftdot {top: 28%;}
	
	 
 }

@media (hover: none) {
  .contact-icon:active .contact-detail{opacity:1;visibility:visible;right:70px}
  
}