/* CSS Document */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0;	padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,i,th,td {font-size: 14px;}
h1,h2,h3,h4,h5,h6 {	margin: 0;	padding: 0;	font-family: Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif;	font-weight: normal;}
ul,ol {	list-style: none;}
ul li {	list-style: none outside none;}
table {	border-collapse: collapse;border-spacing: 1;	border: 1px solid #ddd;}
td,th {border: 1px solid #ddd}
body {font-size: 14px;background: #fff;font-family: Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif;	color: #333;min-width: 1480px;}
img {border: 0 none;}
a {color: #333;}
a:link,a:visited,a:active {text-decoration: none;}
a:hover {text-decoration: none; color: #fc861a;}
.clearfix:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.clear {clear: both;font-size: 0px;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],button {-webkit-appearance: none;}
/* ::-webkit-scrollbar {display:none} */
textarea {-webkit-appearance: none;	outline: none;}
input:focus,textarea:focus {outline: none;}
input:focus {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	-webkit-user-modify: read-write-plaintext-only;}
input,textarea {font-family: Microsoft YaHei;}
.l {float: left}
.r {float: right}

/*-- 全局 --*/

.more { text-align: center;}
.more a { display: inline-block; font-size: 18px; height: 40px; line-height: 40px; border-radius: 5px; border: 2px solid #333333; color: #333333; position: relative; padding: 0 20px; margin-top: 30px;}
.more a:hover { color: #fc861a; border-color: #fc861a;}
.more span { font-weight: bold; color: #fc861a; font-size: 24px; margin-left: 10px; }
.ty-h>h3 { font-size: 48px; color: #333333;  margin-bottom: 10px; text-align: center;}
.ty-h>p { font-size: 16px; color: #666; margin-bottom: 30px; text-align: center;}
.ny-ty-h h3 { font-size: 48px; font-weight: bold; padding:0 0 40px 0; text-align: center;}
.position-relative { position: relative !important;}

/*-- 头部 --*/

.header-box { height: 70px; border-bottom: 1px solid #ffffff; position: fixed; top: 0; width: 100%; left: 0; right: 0; display: flex; justify-content: space-between;align-items:center; z-index: 999999;}
.header-box .eg a { color: #ffffff;}
.logo,.logo-scroll { padding-left: 100px;}
.logo img,.logo-scroll img { height: 30px; display: block; width: auto;}
.header-box .logo-scroll { display: none;}
.search-box { border: 1px solid #ffffff; height: 30px; border-radius: 15px; box-sizing: border-box; line-height: 28px;}
.search-box input.search-txt { color: #ffffff; width: 200px; height: 28px; line-height: 28px; text-indent: 15px; border: none; background: none; }
.search-box input.search-txt::placeholder { color: #ffffff;}
.search-box button.search-btn { width: 40px; height: 28px; border: none; text-indent: -10000px; cursor: pointer; background: none; background:url("../images/search.png") no-repeat center center;}
.search { width: 300px; border: 1px solid #1d5abe; background-color: #f3f7fc; height: 38px; line-height: 38px; border-radius: 20px;}
.search input.search-txt { width: 240px; height: 38px; text-indent: 15px; border: none; background: none; }
.search input.search-btn { width: 60px; border: none; text-indent: -10000px; cursor: pointer; border-radius: 20px;  height: 38px; }

.header-so .search-box input.search-txt::placeholder { color: #999999;}

/*-- 导航 --*/

.nav-box {  height: 70px; line-height: 70px; flex-grow: 1; padding-left:100px; }
.nav-box ul li { position: relative; width: 13%; line-height: 70px; height: 70px; float: left; font-size: 18px; text-align: center; z-index: 99; position: relative;}
.nav-box ul li a { display: block; color: #ffffff;}
.nav-box ul li.on a::after { content: ""; display: block; width: 32px; height: 2px; background-color: #ffffff;  position: absolute; bottom: 0; left: 0; position: absolute; left: 50%; transform: translateX(-50%);}
.nav-box ul li:hover  a::after { content: ""; display: block; width: 32px; height: 2px; background-color: #ffffff;  position: absolute; bottom: 0; left: 0; position: absolute; left: 50%; transform: translateX(-50%);}

.header-so { background-color: #ffffff; border-bottom:none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.header-so .logo { display: none;}
.header-so .logo-scroll { display: block;}
.header-so .search-box { border-color: #333333;}
.header-so .search-box input.search-txt { color: #333333;}
.header-so .search-box button.search-btn { background:url("../images/search-b.png") no-repeat center center;}
.header-so .nav-box ul li a { color: #333333;}
.header-so .nav-box ul li.on a::after { border-color: #333;}
.header-so .eg { border-color: #333333;}
.header-so .eg a { color: #333333;}

.eg { height: 30px; line-height: 30px; text-align: center; width: 50px; color: #ffffff; font-size: 18px; border-left: 1px solid #ffffff; margin-left: 15px;} 
.phone-nav { width: 70px; height: 70px; background-color: #fc861a; text-align: center; box-sizing: border-box; padding: 15px;} 
.phone-nav span {height: 3px;margin-top: 8px;display: block;background: #ffffff;width: 30px;border-radius: 3px;z-index: 1;-webkit-transform-origin: 20px;transform-origin: 20px;-webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);}
.phone-nav span:nth-child(1) { width: 40px;}
.phone-nav span:nth-child(3) { width: 40px;}


/*-- 轮播图 --*/
.banner { background-color: #333; }
.banner-box {width:100%; margin-bottom: 20px;}
.banner-box .swiper-pagination span { width: 30px; height: 4px; border-radius: 6px; background-color: #1d5abe;}
.banner-box .swiper-pagination span.swiper-pagination-bullet { opacity: 0.6; background-color: #ffffff;}
.banner-box .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1;  background-color: #1d5abe;}
.banner-box ul li img { width: 100%;display: block;}
.banner-h { position: absolute; top: 28%; left: 50%; transform: translateX(-50%); text-align: center; width: 100%;}
.banner-h h3 { font-size: 98px; font-weight: 700; margin-bottom: 15px; color: #ffffff; text-shadow: 0 0 15px #333333;}
.banner-h h4 { font-size: 28px;margin-bottom: 15px; color: #ffffff; line-height: 1.8; padding: 0 200px;}
.banner-h p { font-size: 42px; margin-bottom: 15px; color: #ffffff; line-height: 1.8; padding: 0 200px;}
.banner-h a { display: block; width: 170px; height: 48px; line-height: 48px; text-align: center; border-radius: 5px; background-color: #fff; color: #333; margin: 0 auto; text-align: center; font-size: 18px;}
.banner .swiper-pagination { width:100% !important;}
.lb-img-box { max-width: 1400px; height: auto; margin: 0 auto;}
.lb-img-box img,.lb-img-box video { width: 100%; height: auto; display: block;}


.hyyy-box { padding: 40px 200px 20px; background-color: #f5f5f5;}
.hyyy-box ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.hyyy-box ul li { width: 33.3333333%; box-sizing: border-box; padding: 0 15px; position: relative; margin-bottom: 30px;}
.hyyy-box ul li img { min-height: 360px; height: auto; width: 100%; display: block;}
.hyyy-box ul li .hyyy-text { position: absolute; left: 15px; padding: 15px; right: 15px; bottom: 0; padding-bottom: 20px;}
.hyyy-box ul li .hyyy-text h4 { font-size: 24px; color: #ffffff; margin-bottom: 5px;}
.hyyy-box ul li .hyyy-text p { font-size: 14px; color: #ffffff; line-height: 1.8; margin-bottom: 30px;}
.hyyy-box ul li .hyyy-text a { display: block; text-align: left; transition: all 0.5s; font-size: 14px; color: #ffffff; line-height: 1.8;}
.hyyy-box ul li .hyyy-text:hover { background-color:rgba(0, 0, 0, 0.3); }
.hyyy-box ul li .hyyy-text:hover h4 { color: #fc861a;}
.hyyy-box ul li .hyyy-text:hover a { padding-left: 30px; transition: all 0.5s;}



/*-- 培训模块 --*/ 

.train-box { text-align: center; padding:20px 150px 40px}
.train-index ul { display: flex; justify-content: space-between;gap:30px}
.train-index ul li { box-sizing: border-box; flex-grow: 1; text-align: left;}
.train-index ul li img { height: 330px; width: 100%; display: block; margin: 0 auto;}
.train-index ul li h4 { font-size: 24px;  color: #333333; margin: 15px 0;}
.train-index ul li p {  text-align: left; font-size: 14px; color: #666; line-height: 1.8; text-indent: 2em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

/*-- 视频模块 --*/

.video-box { width: 100%;}
.video-box video { width: 100%; height: auto; display: block;}

/*-- 新闻动态 --*/

.news-box { width: 100%; padding: 40px 100px; box-sizing: border-box;  background-color: #ffffff; text-align: center;}
.news-index { height: 450px; display: flex; justify-content: space-between; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.new-index-img img { height: 450px; width: auto; display: block;}
.new-index-text { flex-grow: 1; padding: 30px; text-align: left;}
.new-index-time { font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 10px;}
.new-index-time span { font-size: 42px;}
.new-index-text h4 { font-size: 28px; font-weight: bold; color: #333333; margin-bottom: 10px;}
.new-index-text p { font-size: 16px; color: #666; line-height: 1.8; text-indent: 2em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical; }
.news-index-list { margin-top: 40px;}
.news-index-list ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px;}
.news-index-list li { display: flex;justify-content: space-between; width: 45%;  flex-grow: 1;}
.news-index-list li .nwe-list-time { width: 120px; height: 120px; min-width: 120px; max-height: 120px; text-align: center; background-color: #6f6f6f;}
.news-index-list li:hover .nwe-list-time { background-color: #fc861a;  }
.news-index-list li .nwe-list-text { flex-grow: 1; margin-left: 30px; text-align: left;}
.news-index-list li .nwe-list-text h4 { font-size: 22px; font-weight: bold; color: #333333; margin-bottom: 10px;}
.news-index-list li .nwe-list-text p { font-size: 14px; color: #666; line-height: 1.8; text-indent: 2em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-index-list li .nwe-list-text h4::after { content: ""; display: block; width: 150px; height: 3px; background-color: #333333; margin-top: 10px;}
.news-index-list li .nwe-list-text h4:hover::after { background-color: #fc861a;}
.nwe-list-time span.time-ym { font-size: 24px; color: #ffffff; margin-bottom: 10px;}
.nwe-list-time span.time-day { display: block; font-weight: bold; margin-top: 10px; font-size: 42px; color: #ffffff;}


/*-- 产品Tab导航区域样式 --*/
.cp-box {width:100%; margin-bottom: 20px; position: relative; text-align: center;}
.cp-box ul li { position: relative; }
.cp-box ul li .cp-ms { font-size: 24px; font-weight: bold;}
.cp-box ul li .cp-title { position: absolute; font-size: 120px; font-weight: bold; color: #d9d9d9; top: 20%; left: 50%; transform: translate(-80%, -80%); z-index: -1;}
.cp-box ul li model-viewer {width: 80%;  /* 宽度 */	min-height: 550px; /* 高度 */ margin: 0 auto; }

		
/* Tab导航样式 */
.product-tabs { display: flex; justify-content: center; margin-bottom: 20px; gap: 20px;}
.product-tabs .tab-item {  padding: 10px 30px;   color: #999999; cursor: pointer; font-size: 20px; transition: all 0.3s ease;}
.product-tabs .tab-item:hover { background-color: #e0e0e0; color: #333;}
.product-tabs .tab-item.active {  color: #333333; font-weight: bold;}

/* Swiper左右箭头样式 */
.swiper-button-prev,.swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px;  color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: all 0.3s ease;}
.swiper-button-prev { left: 120px !important; color: #909090 !important;}
.swiper-button-next { right: 120px !important; color: #909090 !important;}

/* 自定义箭头图标 */
.swiper-button-prev:after,.swiper-button-next:after { font-size: 20px; font-weight: bold;}
.swiper-button-prev:after { content: '<';}
.swiper-button-next:after { content: '>';}

.ny-banner .swiper-button-prev,.ny-banner .swiper-button-next {border-radius: 25px; border: 1px solid #ffffff; width: 50px; height: 50px;}
.ny-banner .swiper-button-prev:after { content: '<'; color: #ffffff; font-size: 40px; font-weight: normal;}
.ny-banner .swiper-button-next:after { content: '>'; color: #ffffff; font-size: 40px; font-weight: normal;}
.ny-banner .banner-h { top: 20%;}


/*-- 合作伙伴滚动区域样式 --*/
.partner-box { width: 100%; padding: 40px 0; background-color: #e5e5e5; text-align: center;}
.partner-box h3 { font-size: 48px; color: #333333;  margin-bottom: 10px;}
.partner-box p { font-size: 16px; color: #666; margin-bottom: 30px;}
.logo-wrapper { width: 100%; overflow: hidden; margin-bottom: 20px; position: relative; height: 160px; /* 根据需要调整高度 */}
.logo-container { display: flex; white-space: nowrap; position: absolute; left: 0; top: 0; height: 100%; transition: none; /* 禁用过渡效果，使用JavaScript直接控制滚动 */}
.logo-item {  margin: 0 20px; width: 300px; height: 160px; border-radius: 15px; background-color: #ffffff; vertical-align: middle; display: flex; align-items: center; justify-content: center;}
.logo-item img { max-height: 120px; max-width: 260px;}

/*-- 通用底部 --*/

.footer { background-color: #1a1a1a; color: #ffffff; }
.foot-content { padding: 30px 100px; display: flex; justify-content: space-between;}
.foot-content div { flex-grow: 1;}
.foot-content .nav-list h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.foot-content .nav-list ul li { line-height: 28px;}
.foot-content .nav-list ul li a { color: #CCCCCC;}
.foot-content .search-box { max-width: 156px; margin-right: 30px; margin-top: 50px;}
.foot-content .search-box input.search-txt { width: 100px; color: #ffffff;}
.foot-ewm {  padding-left: 30px; text-align: center; border-left: 1px solid #ffffff; max-width: 180px; }
.foot-ewm h3 { font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.foot-ewm img { display: block; margin: 0 auto 10px; width: 105px; height: 105px;}
.foot-ewm p { font-size: 14px;}
.footer-bq {  height: 50px; line-height: 50px;  text-align: center; }
.footer-bq a { color: #ffffff;}

/*-- 内页通用 --*/

.ny-banner { position: relative;}
.ny-banner img { width: 100%; height: auto; display: block;}
.ny-banner .banner-h h3 { font-size: 60px;}

/*-- 关于我们 --*/

.company_profile { padding: 20px 200px 0;}
.profile-content h3 { font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.profile-content h3::after { content: ""; display: block; width: 50px; height: 2px; background-color: #333333; margin-top: 10px;}
.profile-content p { font-size: 20px; line-height: 1.8;}
.profile-content a { display: inline-block; border:1px solid #fc861a; border-radius: 5px; color: #fc861a; padding: 5px 15px; margin-top: 20px;}
.profile-content img { width: 100%; height: auto; display: block;} 

.szsh-box { padding: 60px 100px; background-color: #cacaca;}
.szsh-box ul { display: flex; justify-content: space-between; gap: 20px;}
.szsh-box ul li { flex-grow: 1; text-align: center;}
.szsh-box ul li h4 { font-size: 80px; font-weight: bold;  color: #ffffff;}
.szsh-box ul li span { font-size: 20px; display: block; color: #ffffff; border-radius: 25px; margin-top: -30px; height: 50px; line-height: 50px; background-color: #000000; z-index: 1; position: relative;}

.development-history { padding: 50px 0;}
.development-history h3 { font-size: 48px; color: #fc861a; font-weight: bold; text-align: center; }
.development-history img { width: auto; height: auto; max-width: 100%; display: block; margin: 0 auto;}

.ty-sssh { padding: 0 150px;}
.ty-sssh ul { display: flex; padding: 40px 0;}
.ty-sssh ul li { flex-grow: 1; text-align: center; font-size: 32px;}
.ty-sssh ul li span { color: #fc861a; font-size: 54px; margin-right: 8px;}

.hzhb-logo-list { padding: 0 200px 40px;}
.hzhb-logo-list ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 45px;}
.hzhb-logo-list ul li { height: 100px; width: 17%; display: flex; justify-items: center; text-align: center; font-size: 32px; border-radius: 10px; border: 1px solid #e3edfc;justify-content: center;align-items: center;}
.hzhb-logo-list ul li img { max-width: 100%; height: auto; max-height: 80px; display: block; margin: 0 auto;}
.bjqc-box { text-align: center; padding: 40px 0;}
.bjqc-box img { width: auto; height: auto; max-width: 100%; display: block; margin: 0 auto;}

/* 培训页面 */

.train-szsh-box { padding: 40px 50px;}
.train-szsh-box ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.train-szsh-box ul li { padding: 0 50px; margin-bottom: 30px; box-sizing: border-box; width: 32.3333%; flex-grow: 1; border-left: 1px solid #333333;}
.train-szsh-box ul li h3 { font-size: 80px; font-weight: bold;  color: #333333;}
.train-szsh-box ul li span { font-size: 20px; display: inline-block; font-weight: normal; vertical-align: top; }
.train-szsh-box ul li p { line-height: 1.8; font-size: 16px;}
.train-szsh-box ul li:nth-child(3n+1) { border-left: none;}

.ksbd-box { padding: 30px 150px;}
.ksbd-box h3 { font-size: 48px; font-weight: bold; color: #545454; text-align: center; margin-bottom: 30px;}
.ksbd-box h4 { font-size: 32px; font-weight: bold; color: #545454; text-align: center; margin-bottom: 30px;}
.ksbd-box>p { font-size: 20px; line-height: 1.8;color: #545454;  text-align: center; margin-bottom: 30px;}

.ksbd-list ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px;}
.ksbd-list ul li { padding:20px; text-align: center;  box-sizing: border-box; width: 20.3333%; flex-grow: 1; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 15px; }
.ksbd-list ul li p { font-size: 24px; line-height: 1.8;}
.ksbd-list ul li span { display: inline-block; border-radius: 30px; padding: 4px; background-color: #333333; color: #ffffff;}
.ksbd-list ul li:hover span { background-color: #fc861a;}
.ksbd-list ul li:hover img { display: block; transition: transform 0.3s ease;transform-style: preserve-3d; width: 150px; height: 150px; margin: 0 auto;} 
.ksbd-list ul li:hover img  {  animation: spin-y 1s ease-in-out;}

.dyh-box { padding: 40px 0;}
.dyh-box h3 { font-size: 48px; font-weight: bold; color: #545454; text-align: center; margin-bottom: 30px;}
.dyh-box h3::after { content: ""; display: block; width: 280px; height: 8px; background-color: #545454; margin: 10px  auto;}
.dyh-listbox { padding: 20px 150px;}
.dyh-listbox ul { display: flex; justify-content: space-between; gap: 80px;}
.dyh-listbox ul li { flex-grow: 1; text-align: center; background-color: #f7f7f7;}
.dyh-listbox ul li img { width: 100%; height: auto; display: block; margin: 0 auto;}
.dyh-listbox ul li h4 { font-size: 24px; line-height: 1.8; margin-top: 10px;}
.dyh-listbox ul li h4::after { content: ""; display: block; width: 80px; height: 4px; background-color: #545454; margin: 10px  auto;}
.dyh-listbox ul li p { font-size: 18px;line-height: 1.8;}
.dyh-listbox ul li span { margin: 20px 0; display: inline-block; padding: 8px 15px; border-radius: 10px; color: #ffffff; background-color: #a9acab;}
.dyh-listbox ul li:hover span { background-color: #fc861a;} 
.dyh-imglist { padding: 20px 100px;}
.dyh-imglist ul { width: 100%; display: flex; height: 220px; box-shadow: 0 5px 10px rgba(0,0,0,0.3); box-sizing: border-box; padding: 0 40px;}
.dyh-imglist ul li { flex-grow: 1; text-align: center;transition: all 0.5s;}
.dyh-imglist ul li img { width: 150px; height: auto; display: block; margin: 0 auto;}
.dyh-imglist ul li { flex-grow: 1; text-align: center;transition: all 0.5s;}
.dyh-imglist ul li p { font-size: 18px;}
.dyh-imglist ul li img.last-show { display: none;}
.dyh-imglist ul li:hover { background-color: #3f3f3f; margin: -20px 0; transition: all 0.5s;}
.dyh-imglist ul li:hover img.first-show { display: none;}
.dyh-imglist ul li:hover img.last-show { display: block;}
.dyh-imglist ul li:hover p { color: #ffffff;}
.dyh-imglist ul li:hover p::after { content: ""; display: block; width: 80px; height: 4px; background-color: #ffffff; margin: 10px  auto;}

.pxjd { width: 100%; position: relative; }
.pxjd-text {position: absolute; top: 20%; right: 0; left: 0; text-align: center;}
.pxjd-text h3 { font-size: 48px; font-weight: bold; color: #fff; margin-bottom: 30px;}
.pxjd-text p { font-size: 20px; line-height: 1.8; color: #fff; margin-bottom: 30px;}
.pxjd img { width: 100%; height: auto; display: block; }

.zxly-yzm {height: 40px;line-height: 40px; font-size:16px; padding-left:10px;   border-radius: 10px;  border: 1px solid #a9acab;}
.jjfa-box { width: 100%; padding: 20px 0;}
.jjfa-list-box { padding: 20px 300px;}
.jjfa-list-box h3 { text-align: center; font-size: 48px; font-weight: bold; }
.jjfa-list-box h3::after { content: ""; display: block; width: 80px; height: 4px; background-color: #545454; margin: 20px  auto;}
.jjfa-list-box>p { font-size: 20px; margin-bottom: 40px; text-align: center; }
.jjfa-list-box ul { display: flex; justify-content: space-between;gap: 30px;}
.jjfa-list-box ul li { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); flex-grow: 1; text-align: center; padding-bottom: 20px;}
.jjfa-list-box ul li img { display: block; width: 100%; height: auto;} 
.jjfa-list-box ul li h4 { font-size:18px; padding:5px 0; font-weight:bold;}
.jjfa-list-box ul li p { font-size: 24px; font-weight:bold; margin: 20px 0;}
.jjfa-list-box ul li span { display: inline-block; padding: 4px 8px; background-color: #a9acab; color: #ffffff; border-radius: 5px;}
.jjfa-list-box ul li:hover span { background-color: #fc861a;}

.zxly-box { width: 930px; margin: 0 auto; padding:40px 0;}
.zxly-box h3 {  text-align: center; font-size: 48px; font-weight: bold; padding-bottom: 20px;}
.zxly-box p { font-size: 20px; margin-bottom: 30px; text-align: center;}
.form-bopx { display: flex; gap: 30px; flex-wrap: wrap;}
.form-bopx form { display: flex; gap: 30px; flex-wrap: wrap;}
.form-bopx label { width:100%;}
#yzm { height:40px !important; width:auto; vertical-align: bottom;}
.form-bopx .form-item { width: 100%; box-sizing: border-box; height: 60px; line-height: 58px; font-size: 18px; border-radius: 10px; border: 1px solid #a9acab; padding: 0 10px; } 
.form-bopx .form-item input { background: none; border: none; width: 100%; height: 58px; line-height: 58px;font-size: 18px;}
.form-bopx .form-item textarea { background: none; border: none; width: 100%; height: 258px; line-height: 1.8;font-size: 18px;}
.form-bopx .textarea-box { height: 258px;}
.form-bopx .w50 { width: 48%;}
.form-bopx .btn-box { border:none; text-align: center;}
.form-bopx .btn-box button { display:inline-block; margin: 0 auto; width: 200px; height: 58px; line-height: 58px; font-size: 18px; color: #ffffff; background-color: #262626; border-radius: 10px; border: none; cursor: pointer;}

.train-partner { background: url("../images/train-hzbg.jpg") no-repeat center center; background-size: cover; padding: 40px 0;}
.train-xy  { background-color: #ffffff;}
.train-partner h3::after,.train-xy h3::after { content: ""; display: block; width: 80px; height: 4px; background-color: #545454; margin: 20px  auto;}
.train-partner p { padding: 0 250px; line-height: 1.8;}
.train-xy .logo-item img { border-radius: 15px; width: 100%; height: 100%;}

/* 三级联动城市选择样式 */
.city-select-container {  position: relative; height: 60px; }
.city-select-group { display: flex;  width: 100%; height: 100%;}
.city-select { flex: 1; height: 58px; line-height: 58px; padding: 0 10px; border-radius: 10px;  font-size: 18px; background-color: #fff; color: #333; cursor: pointer; transition: border-color 0.3s ease; min-width: 0; border: none;}
.city-select:focus {  outline: none; border-color: #1d5abe;}
.city-select:disabled { background-color: #f5f5f5; color: #999; cursor: not-allowed;}
.city-select option {  padding: 8px; font-size: 14px;}
/* 响应式调整 */
@media (max-width: 768px) {
    .city-select-container {
        height: auto;
    }
    .city-select-group {
        height: auto;
		flex-wrap: wrap;
    }
    
    .city-select {
        width: 100%;
        height: 38px;
		line-height: 38px;
		padding: 0;
    }
    
    .city-select:last-child {
        margin-bottom: 0;
    }
}

@keyframes spin-y {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(360deg);
	}
}


/* 行业应用 */
.al-video-box { background-color: #e7e7e7; padding: 40px 0;}
.al-video-lsit,.zjgx-list-box { padding: 0 150px;}
.al-video-lsit ul,.zjgx-list-box ul { display: flex; justify-content: space-between; gap: 30px;}
.al-video-lsit ul li,.zjgx-list-box ul li { flex-grow: 1; position: relative;}
.al-video-lsit ul li img { width: 100%; height: auto; min-height: 480px;}
.al-video-lsit ul li h3 { position: absolute; bottom: 2px; left: 0; width: 100%; height: auto; line-height: 40px; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); color: #ffffff; box-sizing: border-box; padding: 10px; text-align: left; font-size: 20px;}
.al-video-lsit ul li span { font-size: 16px;}
.al-video-lsit ul li:last-child h3 { top: 40%; text-align: center; background: none;}
.al-video-lsit ul li:last-child span { display: inline-block; width: 40px; height: 40px; background-color: #ffffff; color: #333333; border-radius: 20px;} 
.al-video-lsit ul li:hover h3 { color: #fc861a;}

.zjgx-box { padding: 40px 0;}
.zjgx-list-box ul { flex-wrap: wrap;}
.zjgx-list-box ul li { flex-grow: 1; width: 45%; background-color: #e7e7e7;}
.zjgx-list-box ul li img { width: 100%; height: auto; min-height: 240px;}
.zjgx-list-box ul li h3 { padding:10px 15px; font-size:16px; color: #999999;}
.zjgx-list-box ul li h4 { padding: 0 15px; font-size: 20px; font-weight: bold; height: 48px; line-height: 24px; overflow: hidden;}
.zjgx-list-box ul li p { padding:15px; color: #1d5abe; }

.zxdy-ly-list { padding: 0 100px 40px;}
.zxdy-ly-list ul,.tsgd-list-box ul { display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap;}
.zxdy-ly-list ul li {flex-grow: 1; text-align: center;}
.zxdy-ly-list ul li img { width: 100px; height: 100px; display: block; margin: 0 auto;}
.zxdy-ly-list ul li p { padding: 10px 0; font-size: 18px; font-weight: bold;}

.explore-box { background-color: #e7e7e7; padding: 40px 0;}
.tsgd-list-box ul li { width: 48%;  background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.tsgd-list-box ul li a {display: flex;height: 280px; }
.tsgd-list-box ul li a img { width: 50%; height: 100%; object-fit: cover;}
.tsgd-list-box ul li div { padding: 30px; box-sizing: border-box; flex-grow: 1;}
.tsgd-list-box ul li h4 { font-size: 20px; font-weight: bold; line-height: 1.8; line-height: 24px; overflow: hidden;}
.tsgd-list-box ul li p { padding: 15px 0; font-size: 16px; color: #333333; line-height: 1.8;}
.tsgd-list-box ul li span { color: #1d5abe;}

/*-- 新闻列表 --*/

.news-list-box { padding: 30px 250px; display: flex;}
.news-list-box .news-f-nav { width: 240px;padding-right: 20px; min-width: 160px;}
.news-f-nav ul li { line-height: 30px; font-size: 20px; padding-left: 15px;margin-bottom: 20px;}
.news-f-nav ul li.on { border-left: 4px solid #fc861a; font-weight: bold; color: #fc861a;}
.news-f-nav ul li.on a { color: #fc861a;}
.news-list-box .news-item { flex-grow: 1;}
.mbx { font-size: 16px; line-height: 50px; margin-bottom: 15px; border-bottom: 1px solid #e7e7e7;}
.news-fisrt-box { margin-bottom: 30px; position: relative;border-radius: 20px; overflow: hidden;}
.news-fisrt-box img { border-radius: 20px; width: 100%; height: auto; display: block; }
.news-fisrt-text { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; line-height: 40px; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); color: #ffffff; box-sizing: border-box; padding: 10px; text-align: left; font-size: 20px;}
.news-fisrt-text h3 { font-size: 30px; font-weight: bold;}

.news-list ul { display: flex; flex-wrap: wrap; gap: 30px;}
.news-list ul li { flex-grow: 1; width: 28%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 20px;overflow: hidden; padding-bottom: 15px; max-width: 33%; position: relative;}
.news-list ul li h2 { position: absolute; top: 10px; left: 10px;display: inline-block; padding: 5px 10px;  background-color: #fc861a; color: #ffffff; font-size: 16px; border-radius: 40px;}
.news-list ul li img { width: 100%; height: auto;}
.news-list ul li h3 { padding:10px 15px; font-size:18px; font-weight: bold; color: #333333;}
.news-list ul li p { padding:0 15px; margin-bottom: 15px; color: #333333; height: 48px; line-height: 24px; overflow: hidden;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.news-list ul li span { padding-left: 15px;}
.news-list ul li a { float: right; padding-right: 15px; color: #fc861a;}
.news-fisrt-text p { display: inline-block; padding: 0 10px; margin-bottom: 10px; background-color: #fc861a; color: #ffffff; font-size: 16px; border-radius: 40px;}  


.load-more { text-align: center; line-height: 50px; font-size: 16px; color: #333333; margin-top: 30px;}
.load-more span { display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 5px; border:1px solid #fc861a; color: #fc861a; cursor: pointer;}


/* 联系我们 */
.lxwm-box { max-width: 1200px; margin: 40px auto; display: flex; flex-wrap: wrap; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 15px; box-sizing: border-box; padding: 0 20px;}
.lxwm-box h3 { padding: 20px 0; font-size: 48px; font-weight: bold; color: #333333; border-bottom: 1px solid #e7e7e7; width: 100%; text-align: center;}
.lxwm-box div { padding: 20px; box-sizing: border-box; flex-grow: 1;}
.lxwm-box p { padding: 10px 0; font-size: 16px; color: #333333; line-height: 1.8;}
.lxwm-text-box span { font-weight: bold; }
.lxwm-phone-box { border-left: 1px solid #e7e7e7;}
.lxwm-phone-box ul { padding-top: 20px;}
.lxwm-phone-box ul li { text-align: center;}
.lxwm-phone-box ul li h4 { font-size: 28px; font-weight: bold; color: #fc861a;}

/* 应用详情 */
.tdys-box { background-color: #f8f8f8; padding: 50px 150px; display: flex; justify-content: center;}
.tdys-listbox { box-sizing: border-box; width: 45%;}
.tdys-listbox h3 { font-size: 30px; font-weight: bold; margin-bottom: 15px;}
.tdys-listbox ul li { padding: 15px 0; border-bottom: 1px solid #e7e7e7; line-height: 1.8; font-size: 18px;}
.tdys-listbox ul li img { margin-right: 10px; width: 24px; height: 24px; vertical-align: top;}

.yycj-box { padding-top: 40px; background-color: #f8f8f8;}
.yycj-listbox { padding: 0 100px; }
.yycj-listbox ul { display: flex; justify-content: space-between; gap: 60px; }
.yycj-listbox ul li { flex-grow: 1; position: relative; }
.yycj-listbox ul li img { width: 100%; height: auto; display: block; max-height: 250px;}
.yycj-listbox ul li h3 { position: absolute; left: 0; bottom:0; font-weight: bold; font-size: 24px; padding: 10px; color: #ffffff;}
.yycj-more { text-align: center; padding: 30px 0;}
.yycj-more a { color: #1d5abe; font-size: 18px;}

.jjfa-bigimg { max-width: 1320px; margin: 0 auto; position: relative;}
.jjfa-bigimg>img { width: 100%; height: auto; display: block;}
.jjfa-bigimg .jjfa-bigimg-text { width: 40%; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.jjfa-bigimg-text h3 { font-size: 36px; color: #ffffff; font-weight: bold; padding-bottom: 15px;}
.jjfa-bigimg-text p { line-height: 1.8; font-size: 18px; color: #ffffff; margin-bottom: 15px;}
.jjfa-bigimg-text a { display: inline-block; padding: 8px 20px; font-size: 16px; border-radius: 50px; background-color: #ffffff;}

.jjfa-listbox { display: flex; max-width: 1320px; margin: 0 auto;  }
.jjfalist-one { flex-grow: 1; padding:30px; width: 30%; box-sizing: border-box; border-left: 1px solid #cdcdcd; }
.jjfalist-one:first-child { border: none;}

.jjfalist-one h3 { font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.jjfalist-one ul li { margin-bottom: 15px;display: flex;align-items: flex-start; }
.jjfalist-one ul li img {  max-width: 90px; height: auto; display: block; margin-right: 15px; object-fit: contain;}
.jjfalist-one ul li .jjfalist-one-text { padding-left: 10px; flex-grow: 1;} 
.jjfalist-one ul li h4 { font-size: 22px; margin-bottom: 10px;}
.jjfalist-one ul li  p { font-size: 16px; line-height: 1.2;}
.jjfalist-one ul li  a { color: #1d5abe; display: block; padding-top: 10px; }

.yyal-list { width: 1000px; margin: 0 auto; }
.yyal-list ul {display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap;}
.yyal-list ul li { width: 100%;background-color: #f8f8f8;}
.yyal-list ul li a { display: block;}
.yyal-list ul li img { float: left; background-color: #f8f8f8; margin-right: 20px; width: 50%; height: auto; display: block;}
.yyal-list ul li h3 { padding: 20px; font-size: 20px; font-weight: bold; line-break: 1.8;}
.yyal-list ul li p { font-size: 16px; line-height: 1.8; padding-right: 20px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.yyal-list-more ul li { width: 48%;}
.yyal-list-more ul li img { width: 100%; float: none;}
.yyal-list-more ul li p { margin:0  20px 20px; padding: 0;}

.yy-jjfabox-tab ul { display: flex; justify-content: center; gap: 30px; margin-bottom: 30px;}
.yy-jjfabox-tab ul li { font-size: 24px; padding: 4px 20px; border-radius: 50px; cursor: pointer;}
.yy-jjfabox-tab ul li.on { background-color: #fc861a; color: #ffffff;}

/* 产品中心 */

.product-banner { position: relative;}
.product-banner .banner-h { background-color: rgba(0,0,0,0.65); padding: 20px; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; top: 0; transform: translate(0,0);}
.product-banner video { display: block; width: 100%; height: auto;}
.product-banner .banner-h p { font-size: 18px;}
.product-banner .banner-h h4 { padding: 140px 0 0; margin-bottom: 0; font-size: 30px; font-weight: bold; color: #ffffff;}
.product-linkbox { height: 50px; line-height: 50px; padding-top: 80px; position: absolute; width: 100%; left: 0; text-align: center; z-index: 99;}
.product-linkbox a { font-size: 18px; display: inline-block; padding: 0 20px; color: #ffffff;}
.product-linkbox a.on { background-color: #999999; font-weight: 100;}
.product-content { width: 100%; background-color: #000000;}

.product-one { width: 980px; margin: 0 auto; padding: 40px 0;}
.cp-ty-h { text-align: center; color: #ffffff; margin: 0 auto;}
.cp-ty-h>p { font-size: 26px;display: inline-block;  color: transparent;  background-image: linear-gradient(120deg,#7ed6f5, #cde1ed ); /* 渐变方向和颜色 */  -webkit-background-clip: text; /* 仅限WebKit浏览器 */  background-clip: text; /* 裁剪背景以适应文字形状 */}


.cp-ty-h h2 { font-size: 60px; font-weight: bold; padding: 20px 0;}
.cp-ty-h h4 { color: #ffffff; font-size: 22px; line-height: 1.6; padding-bottom: 40px; text-align: center; padding: 0 300px;}
.cp-ty-h h5 { font-size: 18px; line-height: 1.8; padding: 0 320px 20px;}
.product-img-box ul { display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap;}
.product-img-box ul li { flex-grow: 1;}
.product-img-box ul li img { width: 100%; height: auto; display: block;}
.pro-bigimg img { display: block; width: 100%; height: auto;}
.pro-cs { padding: 30px 100px;}
.pro-cs ul { display: flex; justify-content: center; color: #ffffff;}
.pro-cs ul li { text-align: center; flex-grow: 1;}
.pro-cs ul li h5 { font-size: 48px; font-weight: bold; margin-bottom: 5px;}
.pro-cs ul li h5 span { font-size: 22px; font-weight: normal;}
.pro-cs ul li p { font-size: 26px; color: #a2a2a2; font-weight: bold;}

.product-three { width: 100%; margin: 0 auto; padding: 50px 0;}
.product-lsit ul li { width: 1040px; padding: 0 20px;  box-sizing: border-box; }
.product-lsit ul li img { width: 100%; height: auto; display: block;}
.product-lsit ul li.swiper-slide-prev { opacity: 0; transition: all 0.3s;}
.product-lsit ul li.swiper-slide-next { opacity: 0.5; z-index: 5;  transition: all 0.3s; }
.product-lsit-txt  { padding: 40px 0 20px; color: #ffffff;}
.product-lsit-txt h3 { font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.product-lsit-txt p { font-size: 16px; line-height: 1.6; height: 50px; overflow: hidden;}
.swiper-pagination { width: auto !important;}

.product-lsit .swiper-button-prev { right: 50% !important; margin-right: -460px; top: auto !important; left: auto !important; bottom: 100px !important; font-size: 18px; height: 24px; width: 24px; border: 1px solid #ffffff; border-radius: 24px;} 
.product-lsit .swiper-button-next { right: 50% !important;margin-right: -490px; top: auto !important; left: auto !important; bottom: 100px !important; font-size: 18px; height: 24px; width: 24px; border: 1px solid #ffffff; border-radius: 24px;} 
.product-lsit .swiper-pagination { bottom: 120px !important; text-align: left; left: 50% !important; margin-left: -500px; transform: translate(0) !important;}
.product-lsit .swiper-pagination-bullet { border-radius: 0; width: 20px; height: 4px; background-color: #ffffff;}
.product-lsit .swiper-pagination-bullet-active { background-color: #ffffff;}

.product-lsit .swiper-button-next:after,.product-lsit  .swiper-button-prev:after { color: #ffffff;font-size: 14px; }

.product-four { padding-bottom: 40px;}
.product-autoimg img { display: block; margin: 0 auto; width: auto; max-width: 100%; height: auto; }
.product-autoimg-txt { text-align: center; line-height: 1.8;}
.product-autoimg-txt p { font-size: 36px; font-weight: bold; color: #a9acab;}
.product-autoimg-txt p span { font-size: 60px; color: #ffffff;}
.product-autoimg-txt p:nth-child(odd) { text-indent: -90px;}
.product-autoimg-txt p:nth-child(even) { text-indent: 90px;}

.twjh-box { position: relative;}
.twjh-box .cp-ty-h { position: absolute; width: 100%; left: 0; text-align: center; top:10%;}
.big-jbh p { display: block; font-size: 36px; padding-bottom: 20px; font-weight: bold; background-image: linear-gradient(120deg,#bef4ff, #55b3ff ); text-align: center;}

.product-six { padding: 50px 0;}
.pro-img-tab { max-width: 1380px; margin: 0 auto; padding:40px 0; position: relative; }
.pro-img-big ul li { text-align: center; position: relative; }
.pro-img-big ul li img { height:380px; width: auto; display: block; margin: 0 auto;}
.pro-img-sm-txt { position: absolute; left: 40px; width: 100%; top: 50%; transform: translate(0,-60%); text-align: left;}
.pro-img-sm-txt h3 { font-size: 44px; font-weight: bold; padding-bottom: 10px; color: #ffffff;}
.pro-img-sm-txt a { font-size: 24px; color: #ffffff;}
.pro-img-tab .swiper-button-prev { left:0px !important}
.pro-img-tab .swiper-button-next { right: 0px !important;}
.pro-img-sm { padding: 40px 40px 20px !important; }
.pro-img-sm ul li { padding: 20px 0 0 0; background-color: #1c1c1c; text-align: center; box-sizing: border-box; cursor: pointer; }
.pro-img-sm ul li img { height: 180px; width: auto; display: block; margin: 0 auto 20px;}
.pro-img-sm ul li p { height: 50px; line-height: 50px; background-color:#000000 ; color: #ffffff; font-size: 24px;}
.pro-img-sm .swiper-slide-thumb-active { border: 1px solid #fc861a;}

.product-seven { padding: 0 0 30px 0;}
.img-border-radius img { border-radius: 20px; overflow: hidden;}
.pro-textmsbox { width: 600px; margin: 0 auto;}
.pro-textmsbox ul { display: flex; justify-content: center; border-bottom: 1px solid #171717;}
.pro-textmsbox ul li { padding: 0 30px; height: 50px; line-height: 50px; color: #7f7f7f; cursor: pointer;}
.pro-textmsbox ul li.on { color: #ffffff; font-weight: bold;}
.pro-textmsbox ul li.on::after { content: ''; display: block; width: 30%; height: 4px; background-color: #ffffff; margin: 0 auto;}
.pro-textmsbox-content { padding: 20px 0;}
.pro-textmsbox-content p {color: #7f7f7f; line-height: 1.8;}
.pro-textmsbox-content .pro-textms { display: none;}
.pro-textmsbox-content .pro-textms:first-child { display: block;}

.ty-ulbox { padding: 30px 0 60px 0;}
.ty-ulbox ul { display: flex; justify-content: center;}
.ty-ulbox ul li { flex-grow: 1; text-align: center;}
.ty-ulbox ul li h4 { font-size: 26px; font-weight: bold; color: #ffffff; padding-bottom: 10px;}
.ty-ulbox ul li p,.ty-ulbox ul li h5 { font-size: 14px; color: #a2a2a2; }

.product-terth { display: flex; justify-content: space-between; align-items: center;}
.terth-imgbox { width: auto; }
.terth-imgbox img { border-radius: 20px; max-width: 100%; overflow: hidden; display: block; width: auto; height: auto;}
.terth-content ul { padding:0 50px;}
.terth-content ul li { padding:10px 0 10px 20px; border-left: 1px solid #343434; color: #a3a3a3;}
.terth-content ul li h4 { font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.terth-content ul li p { display: none; line-height: 1.6; font-size: 14px;}
.terth-content ul li.on { border-left: 3px solid #ffffff; color: #ffffff;}
.terth-content ul li.on h4 { color: #ffffff;}
.terth-content ul li.on p { display: block;}

.product-fourteen { padding: 50px 0;}
.pro-listbox-two { padding-top: 30px;  }
.pro-listbox-two ul { display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap;}
.pro-listbox-two ul li { border-radius: 20px; padding-bottom: 20px; background-color: #141414; width: 44%; flex-grow: 1; color: #a3a3a3; }
.pro-listbox-two ul li img { width: 100%; display: block; height: auto;}
.pro-listbox-two ul li h3 { padding: 10px 20px; color: #ffffff; font-size: 28px; font-weight: bold; }
.pro-listbox-two ul li h4 { padding:0 20px 20px; font-size: 16px;}
.pro-listbox-two ul li p { padding: 0 20px; line-height: 1.6; font-size: 14px;}

.w960 { width: 960px; margin: 0 auto;}
.w960>img { padding: 30px 0;}
.padding40 { padding: 40px 0;}
.pro-yycj { background: none;}
.pro-yycj .ny-ty-h h3 { color: #ffffff;}
.pro-yycj .yycj-more a { color: #ffffff;}

.pro-download ul { display: flex; justify-content: center; gap: 30px; padding-bottom: 40px;}
.pro-download ul li { display: flex; flex-grow: 1; text-align: center; padding: 20px; background-color: #1c1c1c;}
.pro-download ul li .download-txt { flex-grow: 1;text-align: left;}
.pro-download ul li .download-txt h3 { font-size: 24px; font-weight: bold; padding-bottom: 10px; color: #ffffff; }
.pro-download ul li .download-txt a { font-size: 16px; color: #ffffff; }
.pro-download ul li img { height: 100px; width: auto; display: block; }

/*-- 内容页 --*/
.news-content { padding: 30px 0;}
.news-content>h3 { font-size: 30px; font-weight: bold; padding-bottom: 20px;}
.news-content>h4 { color: #666666; padding-bottom: 10px; margin-bottom: 30px; font-size: 16px; border-bottom: 1px solid #e7e7e7;}
.news-content-box p { font-size: 16px; line-height: 1.8; margin-bottom: 15px; }
.news-content-box img,.news-content-box p img,.news-content-box video,.news-content-box p video { max-width: 100%;}

.tsgd-list-box { padding:0 40px;}

/*-- 图片列表02 --*/
.dlist-box ul { justify-content: center;}
.dlist-box ul li { max-width: 31%;}
.zx-tcbox { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 999;}
.zx-tcbox .zxly-box { background-color: #ffffff; width: 800px; padding: 20px; border-radius: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bg-white { background-color: #ffffff;}
.close-btn { font-size: 24px; font-weight: bold; text-align: right; cursor: pointer;}

/* 文字列表 */

.cjwt-list { padding: 30px 0;}
.cjwt-list ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px;}
.cjwt-list ul li { width: 44%; flex-grow: 1; padding: 20px; background-color: #333333; border-radius: 20px;}
.cjwt-list ul li p { font-size: 18px; font-weight: bold; color: #ffffff; padding-bottom: 10px;}
.cjwt-list ul li span { font-size: 14px; color: #a3a3a3;}

.sj-nav-btn2 span {transform-origin: 30px center;}	
.sj-nav-btn2 span:nth-last-child(1) {opacity: 1;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-top: 2px;}
.sj-nav-btn2 span:nth-last-child(2) {opacity: 0;}
.sj-nav-btn2 span:nth-last-child(3) {opacity: 1;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: 1px;}

.phone-nav>ul {display: none;height: auto;line-height: 50px;width: 240px; margin: 0; position: absolute;top: 70px;background: #fc861a;padding-top: 0; right: 0;	}
.phone-nav>ul li {float: none;height: auto;line-height: 50px;width: 100%;margin: 0;text-align: left;position: relative;border-bottom: 1px solid #ffdd93;}
.phone-nav ul li a { display:block;	padding: 0 10px;color: #ffffff;width: 100%; box-sizing: border-box;}
.phone-nav ul li>a {line-height: 50px;}
.phone-nav>ul>li.on { border-bottom: 1px solid #ffffff; background: #fc861a; }
.phone-nav>ul>li.on>a { color: #ffffff !important;}


@media only screen and (max-width :960px) {
	body { min-width: 100%;}
	.l,.r { float: none;}
	.content { box-sizing: border-box; padding: 0 10px; }
	.content,.w800,.xxyw-imgbox,.w380,.xxyw-listbox { width: 100%; margin: 0 auto; }
	.zs-txt-box { float: left; margin-left: 5px; margin-bottom: 0; font-size: 14px;line-height: 38px; }
	.zs-txt-box span { font-size: 20px;}
	.search input.search-txt { float: left; width: 75%;}
	.search input.search-btn { float: right; width: 25%;} 
	.search { float: right; margin-right: 5px; width: 60%; }
	.logo { padding: 8px 0 0 10px; }
	.logo img { height: 50px;}
	.banner-box { margin-bottom: 10px;}
	.ny-ty-h h3 { font-size: 24px; padding-bottom: 15px;}
	.hyyy-box ul li { margin-bottom: 0;}

	.news-box { padding: 20px 0;}
	.header-box { height: 50px; line-height: 50px; background-color: #333333; }
	.header-so { background-color: #ffffff;}
	.logo, .logo-scroll { padding-left: 10px;}
	.logo img, .logo-scroll img { height: 18px;}
	.nav-box { padding: 0;}
	.nav-box ul { display: none;}
	
	.search-box input.search-txt { width: 70%;}
	.search-box button.search-btn { width:25%}
	.search-box { display: flex; margin-left: 10px;}
	.phone-nav { height: 50px; width: 50px; padding: 5px;}
	.ny-banner { padding-top: 50px;}

	.banner-h h3 { font-size: 24px;}
	.banner-h p { padding: 0 ; font-size: 16px;}
	.banner-h a { font-size: 14px; height: 40px; line-height: 40px; width: 120px;}

	/* 手机导航 */

	.nav .sj-nav-btn {display: block;position: absolute;right: 10px;top: 13px;	}
	.nav .sj-nav-btn span {height: 3px;margin-top: 6px;display: block;background: #2d6ee3;width: 31px;border-radius: 3px;z-index: 1;-webkit-transform-origin: 20px;transform-origin: 20px;-webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);}
	.nav-box { height: auto; line-height: 40px;}
	.nav-box ul { display: none; position: absolute;}
	.phone-nav>ul { top: 50px; width: 50%;}
	.sj-nav-btn2 span:nth-last-child(3) { margin-top: 9px;}

	.ty-h>h3 { font-size: 24px; color: #333333;  margin-bottom: 10px; text-align: center;}
	.ty-h>p { font-size: 14px; color: #666; margin-bottom: 30px; text-align: center;}
	
	.product-tabs { gap: 10px;}
	.product-tabs .tab-item { padding: 10px 0; font-size: 16px;}
	.swiper-button-prev { left: 20px !important;}
	.swiper-button-next { right: 20px !important;}
	.cp-box ul li model-viewer { width: 96%; min-height: 400px;}
	.cp-box ul li .cp-title { font-size: 55px; left: 10px; top: 10px; right: auto; transform: translate(0,0);}
	.hyyy-box { padding: 15px 0;}
	.hyyy-box ul { flex-wrap: wrap;}
	.hyyy-box ul li { width: 100%;}
	.hyyy-box ul li img { width: 100%; min-height: auto; height: auto; margin-bottom: 15px;}

	.train-box,.al-video-lsit, .zjgx-list-box {padding: 15px;}
	.train-index ul { flex-wrap: wrap; gap: 20px;}
	.train-index ul li { width: 100%;}
	.train-index ul li img { width: 100%; height: auto;}
	.train-index ul li h4 { font-size: 16px; margin: 10px 0; font-weight: bold;}

	.news-index { height: auto; flex-wrap: wrap;}
	.new-index-img { width: 100%;}
	.new-index-img img { width: 100%; height: auto;} 
	.new-index-text,.news-index-list { padding: 15px;}
	.new-index-time span { font-size: 30px;}
	.new-index-text h4 { font-size: 18px;}
	.new-index-text p { font-size: 14px;}
	.news-index-list { margin-top: 10px;}
	.news-index-list ul { flex-wrap: wrap; gap: 20px;}
	.news-index-list ul li { width: 100%;}
	.news-index-list li .nwe-list-time { min-width: 80px; max-height: 80px;}
	.nwe-list-time span.time-day { font-size: 24px;}
	.nwe-list-time span.time-ym { font-size: 14px;}
	.news-index-list li .nwe-list-text { margin-left: 15px;}
	.news-index-list li .nwe-list-text h4 { font-size: 15px;}
	.more a { margin-top: 10px;}

	/*-- 合作伙伴 --*/
	.logo-wrapper { height: 120px;}
	.logo-item {width: 200px;height: 120px;margin: 0 10px;	}
	.logo-item img { max-width: 180px; max-height: 100px;}
	
	.foot-content { padding: 10px; flex-wrap: wrap;}
	.foot-content div { width: 100%; margin-bottom: 15px;}
	.foot-content .nav-list h3 { margin-bottom: 10px; font-size: 15px;}
	.nav-list ul { display: flex; flex-wrap: wrap;}
	.nav-list ul li { flex-grow: 1; margin-right: 15px;}
	.foot-content .search-box {  margin: 0 auto 10px;}
	.foot-ewm { max-width: 100%; border: none; padding: 0;}
	.footer-bq { line-height: 20px; height: auto; padding: 0 10px; font-size: 12px; padding-bottom: 15px;}


	/*-- 关于我们 --*/

	.ny-banner .banner-h h3 { font-size: 24px;}
	.company_profile,.ty-sssh,.szsh-box,.hzhb-logo-list { padding: 15px;}
	.szsh-box ul { flex-wrap: wrap; gap: 20px;}
	.szsh-box ul li { width: 46%;}
	.szsh-box ul li h4 { font-size: 36px;}
	.szsh-box ul li span { font-size: 14px; height: 32px; line-height: 32px; margin-top: -10px;}
	.development-history h3,.profile-content h3 { font-size: 24px;}
	.profile-content p { font-size: 14px;}
	.ty-sssh ul li { font-size: 14px;}
	.ty-sssh ul li span { font-size: 20px;}
	.ty-sssh ul { padding:0;}
	.hzhb-logo-list ul { gap: 15px;}
	.hzhb-logo-list ul li { width: 28%; height: 60px;}
	.hzhb-logo-list ul li img {max-height: 50px;}

	/* 培训页面 */
	.train-szsh-box,.ksbd-box,.dyh-listbox,.dyh-imglist,.jjfa-list-box { padding: 15px;}
	.dyh-box { padding: 10px 0;}
	.train-szsh-box ul li { width: 90%; border-left: 0 ; padding: 10px; margin-bottom: 10px;}
	.train-szsh-box ul li:nth-child(2n) { background-color: #f4f4f4;}
	.train-szsh-box ul li h3 { font-size: 30px;}
	.train-szsh-box ul li span { font-size: 14px;}
	.ksbd-box h3 { font-size: 28px; margin-bottom: 10px;}
	.ksbd-box h4 { font-size: 18px; margin-bottom: 10px;}
	.ksbd-box>p { font-size: 14px;}
	.ksbd-list ul { gap:10px;}
	.ksbd-list ul li p { font-size: 16px; font-weight: bold;}
	.ksbd-list ul li { width: 40%;}
	.ksbd-list ul li img { width: 70%; height: auto;}
	.dyh-box h3 { font-size: 30px;}
	.dyh-box h3::after { width: 80px; height: 4px;}
	.dyh-listbox ul { flex-wrap: wrap; gap: 15px;}
	.dyh-listbox ul li { width: 100%;}
	.dyh-listbox ul li h4 { font-size: 20px;}
	.dyh-imglist ul { padding: 0 10px; flex-wrap: wrap; height: auto; box-shadow: none; gap: 15px;}
	.dyh-imglist ul li { width: 40%;}
	.dyh-imglist ul li p { font-size: 16px;}
	.dyh-imglist ul li img { width: 80%; height: auto;}
	.pxjd-text h3 { font-size: 24px;}
	.pxjd-text p { font-size: 14px;}
	.jjfa-list-box h3 { font-size: 24px;}
	.jjfa-list-box>p { font-size: 14px; line-height: 1.8;}
	.jjfa-list-box ul { gap: 15px; flex-wrap: wrap;}
	.jjfa-list-box ul li { width: 90%;}
	.jjfa-list-box ul li p { margin: 15px 0; font-size: 18px;}
	.train-partner p { padding: 0 20px;}
	.zxly-box { width: 96%; margin: 0 auto;}
	.form-bopx .form-item { height: 40px; line-height: 40px;}
	.form-bopx .form-item input { height: 40px; line-height: 40px;}
	.form-bopx form { gap: 15px;}
	.form-bopx .w50 { width: 40%;flex-grow: 1;}
	.form-bopx .textarea-box { height: 180px;}
	.form-bopx .form-item textarea { height: 178px;}
	.zxly-box h3 { font-size: 30px;}
	.zxly-box p { font-size: 16px;}

	.al-video-lsit ul, .zjgx-list-box ul,.zxdy-ly-list ul, .tsgd-list-box ul { flex-wrap: wrap; gap: 15px;}
	.al-video-lsit ul li img,.zjgx-list-box ul li img { min-height: auto;}
	.zjgx-list-box ul li h4 { font-size: 16px;}
	.zjgx-list-box ul li,.tsgd-list-box ul li { width: 100%;}
	.tsgd-list-box ul li a { height: auto;}
	.tsgd-list-box ul li div { padding: 10px;}
	.tsgd-list-box ul li h4 { font-size: 16px;}
	.tsgd-list-box ul li p { font-size: 14px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding: 0; margin-bottom: 10px;}
	.tsgd-list-box ul li a img { width: 40%;}

	.zjgx-box,.explore-box,.al-video-box { padding: 15px 0;}
	.ny-banner .swiper-button-prev,.ny-banner .swiper-button-next { display: none;}
	.ny-banner .banner-h { top: 30%;}
	.news-list-box { padding: 15px; flex-wrap: wrap;}
	.news-list-box .news-f-nav { width: 100%; padding:0;}
	.news-list-box .news-f-nav ul { display: flex; flex-wrap: nowrap; width: 100%; overflow-x: scroll;}
	.news-list-box .news-f-nav ul li { margin:0 10px; flex-shrink: 0; margin-right: 10px; font-size: 18px; padding-left: 0; border: none; }
	.news-list-box .news-f-nav ul li.on::after { content: ''; display: block; width: 45px; height: 4px; background-color: #fc861a; transition: width 0.3s ease-in-out; margin: 5px auto;}
	.news-fisrt-text h3 { font-size: 18px;}
	.news-fisrt-text span { font-size: 14px;}
	.news-fisrt-text p { font-size: 12px;}
	.news-list ul li { width: 90%; max-width: 100%;}

	.lxwm-box h3 { font-size: 24px;}
	.lxwm-phone-box { border: none;}
	.lxwm-phone-box ul { padding-top: 0;}
	.lxwm-phone-box ul li h4 { font-size: 20px;}
	.lxwm-box div { padding: 10px;}

	.banner-h h4 { padding: 0 20px; font-size: 14px;}
	.tdys-box { padding: 15px;}
	.tdys-listbox { width: 50%;}
	.tdys-listbox h3 { font-size: 20px;}
	.tdys-listbox ul li { padding: 5px; font-size: 16px;}
	.jjfa-bigimg .jjfa-bigimg-text { left: 0; padding: 0 10px; width: 100%; box-sizing: border-box; transform: translateY(0); position: relative;}
	.jjfa-bigimg-text h3 { font-size: 20px; color: #333333; padding-top: 10px;}
	.jjfa-bigimg-text p { font-size: 14px;color: #333333;}
	.jjfa-bigimg-text a { background-color: #fc861a; color: #ffffff;}
	.jjfa-listbox { flex-wrap: wrap;}
	.jjfalist-one { padding: 15px; width: 100%; box-sizing: border-box; border: none;}
	.jjfalist-one h3 { font-size: 20px;}
	.yyal-list { width: 100%;}
	.yyal-list-more ul li { width: 100%;}
	.yycj-listbox { padding: 0 10px;}
	.yycj-listbox ul { flex-wrap: wrap; gap: 15px;}
	.yycj-listbox ul li { width: 100%;}

	.product-linkbox { padding-top: 10px; height: 40px; line-height: 40px;}
	.product-linkbox a { font-size: 13px; padding: 0 6px;}
	.product-banner .banner-h { top: 0;}
	.product-banner .banner-h h4 { padding-top: 30px; font-size: 16px;}
	.product-banner .banner-h p { font-size: 14px; display:none; }
	.product-one,.w960 { width: 100%;}
	.cp-ty-h h4 { font-size: 14px; padding: 0 10px;}
	.cp-ty-h h2 { font-size: 24px; padding: 10px 0;}
	.pro-cs ul li h5 { font-size: 24px;}
	.pro-cs ul li p { font-size: 14px;}
	.pro-cs { padding: 15px;}
	.product-three,.product-six { padding: 15px 0; width: 100%;}
	.padding40 { padding: 15px 0;}
	.product-lsit .swiper-pagination { bottom: 125px !important; left: 20px !important; transform: translate(0) !important; margin: 0 !important;}
	.product-lsit .swiper-button-prev,.product-lsit .swiper-button-next { bottom: 100px !important; right: 20px !important; margin: 0 !important;} 
	.product-lsit .swiper-button-prev { right: 50px !important;}
	.product-autoimg-txt p { font-size: 18px;}
	.product-autoimg-txt p span { font-size: 24px;}
	.product-autoimg-txt p:nth-child(odd) { text-indent: -40px;}
	.product-autoimg-txt p:nth-child(even) { text-indent: 40px;}
	.cp-ty-h p { font-size: 14px;}
	.pro-img-big ul li img { height: 300px;}
	.big-jbh p,.pro-img-sm-txt h3 { font-size: 24px;}
	.pro-img-sm-txt a { font-size: 16px;}
	.pro-img-sm ul li img { height: 60px;}
	.pro-img-sm ul li p { font-size: 16px; height: 40px; line-height: 40px;}
	.pro-img-sm { padding: 10px !important;}
	.pro-textmsbox { width: 100%;}
	.pro-textmsbox ul { width: 100%; overflow-x: scroll;}
	.pro-textmsbox ul li { padding: 0 5px;}
	.pro-textmsbox-content { padding: 15px;}
	.cp-ty-h h5 { padding: 10px; font-size: 14px;}
	.ty-ulbox ul li h4 { font-size: 18px;}
	.w960>img { padding: 10px 0;}
	.ty-ulbox ul { flex-wrap: wrap;}
	.ty-ulbox ul li { width: 48%; margin-bottom: 15px;}
	.ty-ulbox { padding: 15px 0;}
	.terth-imgbox { width: 100%;}
	.terth-content ul { padding: 15px 30px;}
	.pro-listbox-two { padding-top: 0;}
	.pro-listbox-two ul { padding: 0 15px;}
	.pro-listbox-two ul li { width: 96%;}
	.twjh-box .cp-ty-h { top: 0;}
	.yycj-listbox ul li h3 { font-size: 18px;}
	.pro-download ul { flex-wrap: wrap; padding: 0 15px 15px; gap: 15px;}
	.pro-download ul li { width: 96%;}
	.tsgd-list-box { padding: 0 15px;}
	.product-lsit-txt p { font-size: 14px;}
	.eg { margin-left: 5px;}
	.product-lsit ul li { width: 100%;}
	.product-terth { flex-wrap:wrap;}
	.lb-img-box { max-width: 100%; width:100%; height: auto; margin: 0 auto;}

}