/*===================== 重置样式 START =====================*/
@charset "utf-8";
*:focus,*:active,*:hover,a:focus,a:active,a:hover,button:focus,button:active,button:hover,input:focus,input:active,input:hover,textarea:focus,textarea:active,textarea:hover,select:focus,select:active,select:hover{outline:none !important;-webkit-tap-highlight-color:transparent !important}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:300;}
li{list-style:none;}
a{text-decoration:none;background:transparent;outline:none;color:#000;display:block;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
a:hover,.tran,.pub_button .pb_bg,.section_seven .item i{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;text-decoration:none}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display:table;width:100%;height:100%;}
.middle_box .middle{display:table-cell;vertical-align:middle;width:100%;text-align:center;}
img{border:0;vertical-align:middle;max-width:100%;display:block;}
table{border-collapse:collapse;border-spacing:0;}
input,textarea{-webkit-user-modify:read-write-plaintext-only;outline-style:none;border:none;font-size:14px;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#000;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#0089D4;}
textarea{resize:none;overflow:auto;}
input{padding-top:0;padding-bottom:0;}
;
select,input{vertical-align:middle;}
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.clear::before,.clear::after{content:"";display:table;}
.clear::after{clear:both;}
.fl{float:left;}
.fr{float:right;}
.flex{display: flex;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
body{font-family:'Inter', Arial, Helvetica, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;font-size:16px !important;color:#333;background-color:#fff;overflow-x:hidden;cursor: default;}
.error3{display:none!important;}
html,body{max-width:1920px;margin:0 auto;}
.inner{max-width:1580px;margin:0 auto;}
.inner1{max-width:1300px;margin:0 auto;}
.w1700{position: relative;width: 1700px;margin: 0 auto;height: 100%;max-width: 100%;}
.flex2,.flex{ display: flex;display: -webkit-flex;}
.flex-wrap{flex-wrap:wrap}
.align-items {    align-items: center;}
.space-between{justify-content:space-between}
.wrap{flex-wrap:wrap}
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}
.f_14{ font-size: 0.35rem; }  /*14/40*/
.f_15{ font-size: 0.375rem; }  /*14/40*/
.f_16{ font-size: 0.40rem; }  /*16/40*/
.f_17{ font-size: 0.425rem; }  /*16/40*/
.f_18{ font-size: 0.45rem; }  /*18/40*/
.f_20{ font-size: 0.50rem; }  /*20/40*/
.f_24{ font-size: 0.60rem; }  /*24/40*/
.f_28{ font-size: 0.70rem; }  /*28/40*/
.f_30{ font-size: 0.75rem; }  /*30/40*/
.f_38{ font-size: 0.95rem; }  /*38/40*/
.f_42{ font-size: 1.05rem; }  /*48/40*/
.f_48{ font-size: 1.20rem; }  /*48/40*/
.f_58{ font-size: 1.45rem; }  /*58/40*/
.f_72{ font-size: 1.80rem; }  /*72/40*/
/*网站单位设置*/
@media only screen and (min-width: 310px) {
	html {
	  font-size: 22px !important; } }
  @media only screen and (min-width: 360px) {
	html {
	  font-size: 26px !important; } }
  @media only screen and (min-width: 435px) {
	html {
	  font-size: 30px !important; } }
  @media only screen and (min-width: 500px) {
	html {
	  font-size: 36px!important
	}
  }
  @media only screen and (min-width: 769px) {
	html {
	  font-size: 34px !important; } }
  @media only screen and (min-width: 1024px) {
	html {
	  font-size: 28px !important; } }
  @media only screen and (min-width: 1200px) {
	html {
	  font-size: 30px !important; } }
  @media only screen and (min-width: 1440px) {
	html {
	  font-size: 34px !important; } }
  @media only screen and (min-width: 1680px) {
	html {
	  font-size: 40px !important; } }
	  @font-face {
		font-family: 'Inter';
		src: local('Inter Regular'), local('Inter-Regular'), url('../fonts/inter/Inter-Regular.woff2') format('woff2'), url('../fonts/inter/Inter-Regular.woff') format('woff'), url('../fonts/inter/Inter-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	  }
	  @font-face {
		font-family: 'Inter';
		src: local('Inter Medium'), local('Inter-Medium'), url('../fonts/inter/Inter-Medium.woff2') format('woff2'), url('../fonts/inter/Inter-Medium.woff') format('woff'), url('../fonts/inter/Inter-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
	  }
	  @font-face {
		font-family: 'Inter';
		src: local('Inter SemiBold'), local('Inter-SemiBold'), url('../fonts/inter/Inter-SemiBold.woff2') format('woff2'), url('../fonts/inter/Inter-SemiBold.woff') format('woff'), url('../fonts/inter/Inter-SemiBold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
		font-display: swap;
	  }
	  @font-face {
		font-family: 'Inter';
		src: local('Inter Bold'), local('Inter-Bold'), url('../fonts/inter/Inter-Bold.woff2') format('woff2'), url('../fonts/inter/Inter-Bold.woff') format('woff'), url('../fonts/inter/Inter-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
	  }
	  @font-face {
		font-family: 'Inter';
		src: local('Inter ExtraBold'), local('Inter-ExtraBold'), url('../fonts/inter/Inter-ExtraBold.woff2') format('woff2'), url('../fonts/inter/Inter-ExtraBold.woff') format('woff'), url('../fonts/inter/Inter-ExtraBold.ttf') format('truetype');
		font-weight: 800;
		font-style: normal;
		font-display: swap;
	  }
	  @font-face {
		font-family: 'Inter';
		src: local('Inter Black'), local('Inter-Black'), url('../fonts/inter/Inter-Black.woff2') format('woff2'), url('../fonts/inter/Inter-Black.woff') format('woff'), url('../fonts/inter/Inter-Black.ttf') format('truetype');
		font-weight: 900;
		font-style: normal;
		font-display: swap;
	  }
	  @font-face {
		font-family: 'Istok Web';
		src: local('Istok Web Regular'), local('IstokWeb-Regular'), url('../fonts/istok-web/IstokWeb-Regular.woff2') format('woff2'), url('../fonts/istok-web/IstokWeb-Regular.woff') format('woff'), url('../fonts/istok-web/IstokWeb-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	  }
	  @font-face {
		font-family: 'Istok Web';
		src: local('Istok Web Bold'), local('IstokWeb-Bold'), url('../fonts/istok-web/IstokWeb-Bold.woff2') format('woff2'), url('../fonts/istok-web/IstokWeb-Bold.woff') format('woff'), url('../fonts/istok-web/IstokWeb-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
	  }
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.header{width:100%;position:fixed;top:0;z-index:999;border-bottom: 1px solid rgba(255,255,255,.2)}
.header .inner{height:90px;position:relative;max-width:96%;margin:0 auto;text-align: center;align-items: center;justify-content: space-between}
.header .logo img{height:61px;transition: .3s;}
.header .nav ul li{float:left;height:90px;line-height:90px;text-align:center;position: relative;}
.header .nav>ul>li>a{color:#fff;position:relative;z-index:1;font-size:18px;padding: 0 .5rem;text-transform: uppercase;}
.header .nav ul li em{font-style:normal;position:absolute;width:0;height:5px;background-color:#0089D4;left:20%;bottom:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav ul li a:hover i,.header .nav ul li a.active i{height:100%;}
.header .nav ul li a:hover,.header .nav ul li a.active{color:#fff;}
.header .nav ul li a:hover em,.header .nav ul li:hover a em,.header .nav ul li a.active em{width:60%;}
.header .nav ul li .son_nav{display: none;background: #fff;}
.header .nav ul li .son_nav a{color: #333;line-height: 40px;height: 40px;font-size: 14px;padding: 0 5px;}
.header .nav ul li .son_nav a:hover{background: #0089D4;color: #fff;}
.header .nav ul li:hover .son_nav{display: block;}
.header .nav ul li ul{display: none;}
.header .nav ul li .pro-nav{position:absolute;top:calc(100% + 2px);min-width:4.45rem;left:0;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);border-radius:0px 0px 10px 10px;overflow:hidden;display:none;box-shadow:8px 4px 18px 4px rgba(0,0,0,.1)}
.header .nav ul li .pro-nav .bg{width:100%;height:100%;padding:.675rem .5rem;position:relative;z-index:2}
.header .nav ul li .pro-nav .pro-li{display:block;margin-bottom:.75rem;line-height:1;white-space:nowrap;color: #000;}
.header .nav ul li .pro-nav .pro-li:hover{color: #0089D4;}
.header .nav ul li .pro-nav .pro-li:last-child{margin-bottom:0}
.header .product_son{display:none;position:absolute;left:0;top:140px;text-align:center;font-size:0;width:100%;height:auto;background-color:rgba(255,255,255,0.95);z-index:999;}
.header .product_son .item{display:inline-block;width:11%;margin:3% 0.5%;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.08);border-radius: 15px}
.header .product_son .item p{font-size:16px;color:#000;height:32px;line-height:32px;position: relative;}
.header .product_son .item:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}
.header .product_son .item:hover p{color: #fff;}
.header .call{margin-top:15px;display: flex;align-items: center}
.header .call img{margin:4px 12px 0 0;width:30px;animation:msClock 1.2s linear infinite}
@keyframes msClock{0%,90%,100%{transform:rotate(0) scale(1)}
20%,40%{transform:rotate(-15deg) scale(1.1)}
30%,50%{transform:rotate(15deg) scale(1.1)}
}
.header .call h3{font-size:28px;color:#fff;font-family: impact;}
.header.bg{z-index:9999999;box-shadow:0 0 15px rgba(0,0,0,0.0);background: rgba(0,0,0, .3);backdrop-filter: blur(10px);}
.header.bg .inner{height:70px}
.header.bg .logo img{height:40px;}
.header.bg .nav ul li{height:70px;line-height:70px}
.header.bg .call{margin-top:16px}
.header.bg .product_son{top: 70px !important;}
.header .language{font-size:0.4rem;line-height:1rem;position:relative;z-index:2;padding:0 0.25rem;text-align:center;border:0.025rem solid #fff;border-radius:0.75rem;}
.header .language a{display:flex;align-items: center;gap: .2rem;color: #fff;}
.header .language a:before{font-size:0.45rem;margin-right:0.25rem;vertical-align:middle}
.header .language a:after{width:0;height:0;margin-left:0.1rem;content:'';vertical-align:middle;border-width:0.125rem 0.1rem 0 0.1rem;border-style:solid;border-color:#fff transparent transparent transparent;display: inline-block;}
.header .language a i{font-size: 0.5rem;margin-right: 0.25rem;}
.header .language ul{position:absolute;z-index:10;top:100%;left:0;display:none;width:100%;text-align:left;background-color:#fff;box-shadow:0 0 0.25rem rgba(0,0,0,.1)}
.header .language ul li a{font-size:0.35rem;line-height:0.75rem;display:block;padding:0.125rem 0.25rem;color: #000;}
/* .header .language ul li a:before{display:inline-block;width:0.6rem;height:0.6rem;margin-right:0.125rem;content:'';vertical-align:middle;background:url(../images/language.png) no-repeat;background-size:cover}
.header .language ul li.en a:before{background-position:-0.6rem 0}
.header .language ul li.jp a:before{background-position:-1.2rem 0}
.header .language ul li.ara a:before{background-position:0 0} */
.header .language ul li:hover a{color:#fff;background: #0089D4;}
.fa{display:inline-block;font:normal normal normal 14px / 1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}

.pub_button .pb_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,151,224,0.99);-webkit-transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transform-origin:left 100%;-webkit-transform-origin:left 100%;transform:scaleY(0);-webkit-transform:scaleY(0);visibility:hidden\9;z-index:-1;}
.pub_button:hover .pb_bg,.pub_button.active .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}

.bom{background: url(../images/bom.jpg) no-repeat bottom center;background-size: cover;min-height: 39vw;display: flex;flex-direction: column;    align-items: center;justify-content: flex-start;padding-top: 5vw;box-sizing: border-box;}
.bom h5{font-weight: 600;text-align: center;margin: 20px 0;line-height: 1.6;}
.bom h5 span{color: #0F63B6;}
.bom img:last-child{margin-bottom: 10vw;}
#footer{background:#0F192D;width:100%;padding-top:110px;overflow: hidden;background-attachment: fixed;background-size: 100% 70.3%}
#footer .footer_con{gap:1rem;justify-content: space-between}
#footer h3{font-weight:bold;color:#fff;position:relative;margin-bottom:30px;text-transform: uppercase;}
#footer h3::before{position:absolute;content:"";bottom:-10px;left:0;background:#0089D4;width:30px;height:2px}
#footer .f1{width:20%;text-align:center;}
#footer .f1 img{display:block;margin:0 auto;}
#footer .f1 em{font-size:48px;color:#0089D4;display:inline-block;font-style:normal;font-weight:bold;margin:5px 0;}
#footer .f1 em span{color:#fff;}
#footer .two{}
#footer .two a{line-height:40px;font-size:15px;color:#fff;opacity: 0.7;}
#footer .two a:hover{opacity: 1;}
#footer .f2 dl{width:100%;line-height:40px;color:#fff;margin-bottom: 20px;}
#footer .f2 dl dd{line-height: 1.8;margin-top: 1rem;opacity: 0.7;}
#footer .f3{width:20%;margin-left:80px;color:#fff}
#footer .f3 p{color:#fff;line-height:180%}
#footer .f4{width: 30%;}
#footer .f4 .item{display:inline-block;width:29%;margin:0 1.5%;text-align: center;}
#footer .f4 .item img{max-width:150px;display: inline-block;width: 100%;}
#footer .f4 .item span{display:block;color:#fff;font-size:16px;margin-top:10px;text-align:center;}
#footer .f5{text-align:center;margin-top:20px;padding:10px 0;background:#1e1e1e}
#footer .f5 p{text-align:center;color:#fff}
#footer .f5 p img{vertical-align:middle;margin-right:19px}
.copyright{height:60px;line-height:60px;color:#fff;font-size:14px;text-align:center;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 100px;background: #060F21;}
.copyright img{display:inline-block;margin:0 10px 4px;}
.copyright a{display:inline-block;margin:0 10px;color:#fff;}
.pub_title p{text-align:center;margin-bottom:30px;color: #666666;font-size: 16px;}
.pub_title h4{position:relative;text-align:center;font-size:48px;font-weight:bold;z-index:1;padding-top:60px;color: #222222;}
.pub_title h4 img{display:inline-block;padding-bottom:10px;margin:0 10px;}
.pub_title h4 span{color:#0089D4;display:inline-block;z-index:1;}
@media (max-width:1200px){
	.pub_title h4 span{font-size:30px;margin:0;}
	.pub_title h4 i{font-size:60px}
}
.vidbacking{position: fixed;right: 0;bottom: 0;z-index: 999;width: 26%;border: 5px solid #fff;}
/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/
.index_box{padding: 2.5rem 0;}

.protit{text-align: center;color: #000;}
.protit h4{display: inline-block;font-weight: 900;text-transform: uppercase;color: #111;}
.protit p{color: #999;margin: 0.5rem 0 1rem;line-height:0.75rem;}
.protit i{display: inline-block;width: 100px;height: 4px;background: #0089D4;}
.protit img{margin: 20px 0;}


.banner{overflow: hidden;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:59px;opacity: 0.7;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{opacity: 1;}
.swiper-pagination-bullet-active{background-color:#0089D4!important;border-color:#0089D4!important;}


/* 产品 */
.index_pro-swiper-wrap{width:100%;}
.index_pro-mySwiper{width:100%;padding:0 0 2.5rem;overflow: hidden;}
.index_pro-swiper-wrap .index_pro-swiper-slide{border-radius:0.2rem;opacity:0.3;transition: .3s !important;position:relative;}
.index_pro-swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;border-radius: 20px;}
.index_pro-slide-text-box{position:absolute;left:1.5rem;bottom:-2rem;background:#ffffff;border-radius:0.48rem;padding:1rem;box-shadow:0 0.12rem 0.48rem rgba(0,0,0,0.08);max-width:9rem}
.index_pro-slide-title{font-weight:bold;color:#222;line-height:1.2;margin-bottom:0.36rem;text-transform: uppercase;}
.index_pro-slide-line{width:1.2rem;height:0.09rem;background:#0089D4;margin-bottom:0.48rem}
.index_pro-slide-desc{color:#555;line-height:1.5;margin-bottom:2rem}
.index_pro-slide-more-btn{display:inline-flex;width:1.44rem;height:1.44rem;border-radius:50%;background:#0089D4;color:#fff;}
.index_pro-slide-more-btn a{color: #fff;display: block;height: 100%;width: 100%;align-items:center;justify-content:center;display: flex;}
.index_pro-swiper-wrap .index_pro-swiper-slide.swiper-slide-active{opacity:1 !important}
@media (max-width:1200px){html{font-size:32px}
}@media (max-width:768px){html{font-size:24px}
}

/* 销售网络 */
.cer8{ max-width: 90%; margin:0 auto; padding: 0 0;}
.secbg18 {background: url('../images/hezuobg.jpg') center center no-repeat;padding: 5rem 0;background-size: cover;background-attachment: fixed;}
.seccontent{margin:auto 0;position:relative;z-index:2;width:100%;}
.kehu{display:flex;justify-content:space-between;align-items:center}
.kehu_l{width:30%;}
.kehu_l .protit{text-align: left;}
.kehu_r{width:68%}
.img_box{position:relative}
.img_box img{width:100%}
.img2{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}
.img3{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%}
.kehu_r  .img_box .img3 img{-webkit-animation:yuan2 3s linear infinite;animation:yuan2 3s linear infinite}
.img4{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%}
.boxRight{width:45%;padding:0 4% 0 0}
.button{margin-top:6rem}
@-webkit-keyframes yuan2{0%{-webkit-clip-path:polygon(100% 52%,100% 52%,100% 55%,100% 55%);clip-path:polygon(100% 52%,100% 52%,100% 55%,100% 55%)}
100%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}
}.img2 .dot{position:absolute;display:flex;flex-direction:column;align-items:center}
.img2 .dot .i{display:flex;width:10px;height:10px;z-index:2;position:relative}
.img2 .dot .i:before{content:'';width:16px;height:16px;border-radius:50px;position:absolute;left:50%;margin-left:-23px;top:50%;margin-top:-23px;animation:warn 2s linear 0.4s infinite;background:rgba(69, 83, 105, 0.5)}
.img2 .dot .i:after{content:'';width:6px;height:6px;border-radius:50px;position:absolute;left:50%;margin-left:-18px;top:50%;margin-top:-18px;background:#0852c1;animation:warn 2s linear 0s infinite}
@-webkit-keyframes warn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@media (max-width:1200px){
.kehu{ flex-wrap: wrap; }
.kehu_l{width:100%;}
.kehu_r{width:100%;}
}
.index_word-map-buttons{position:absolute;z-index:4;left:0;top:0;width:100%;height:100%}
.index_word-map-info-card{background:#ffffff;border-radius:0.4rem;padding:.8rem;box-shadow:0 0.04rem 0.2rem rgba(0,0,0,0.1);max-width:100%;opacity:1;transition:opacity 0.18s ease}
.index_word-map-info-card.fade-out{opacity:0}
.index_word-map-region-title{font-size:0.7rem;color:#109DE2;text-align:center;margin-bottom:0.4rem;font-weight:bold}
.index_word-map-row-wrap{display:flex;gap:0.4rem}
.index_word-map-col{flex:1}
.index_word-map-dep{font-size:0.4rem;font-weight:bold;margin-bottom:0.24rem;padding-bottom:0.12rem;border-bottom:1px solid #eee}
.index_word-map-item{display:flex;align-items:center;font-size:0.36rem;margin-bottom: 0.24rem;padding-bottom: 0.12rem;gap:0.16rem;border-bottom: 1px solid #eee;}
.index_word-map-icon{width:.6rem;display:inline-flex;align-items:center;justify-content:center}
.index_word-map-icon img{width:100%;height:100%;object-fit:contain}
.index_word-map-btn{display:inline-block;padding:0.16rem 0.6rem;background:#fff;border-radius:99rem;box-shadow:0 0.02rem 0.08rem rgba(0,0,0,0.1);cursor:pointer;font-size:0.36rem;color:#109DE2;font-weight: 700;}
.index_word-map-btn{position:absolute;cursor:pointer;transition:all 0.2s ease}
.index_word-map-btn:hover{background-color:#109DE2;color:#fff}
.index_word-map-btn.active{background-color:#109DE2;color:#ffffff}
@media (max-width:768px){
.index_word-map-row-wrap{flex-direction:column;gap:0.3rem}
.index_word-map-dep,.index_word-map-item{font-size: .5rem;}
.index_word-map-info-card{max-width:100%}
}

/* 留言 */
.index4{padding:1.75rem 0 1.425rem 0;width:100%;opacity:1;transition:ease-out .36s;background: url(../images/message_bg.jpg) no-repeat center;background-attachment: fixed;background-size: cover;}
.index4 .left{width:65%}
.index4 .left h3{font-size:0.9rem;font-weight:500;color:rgba(255,255,255,1)}
.index4 .left .intor{font-size:0.45rem;line-height:35px;color:rgba(255,255,255,1);margin-bottom:1.175rem}
.index4 .left .intor span{text-decoration-line:underline;color:#99C230;cursor:pointer}
.index4 .left .w70{width:70%}
.index4 .left .info{width:48%;height:1.5rem;border-radius:0.125rem;background:rgba(255,255,255,1);border:0.025rem solid rgba(237,237,237,1);padding:0 0.625rem;position:relative;margin-bottom:0.65rem;display:flex;box-sizing: border-box;}
.index4 .left .info2{width:100%}
.index4 .left .info span{position:absolute;top:50%;left:0.35rem;transform:translate(0px,-50%);color:red;font-size:0.25rem}
.index4 .left .info input,.index4 .left .info select{width:100%;border:0;font-size:0.45rem;}
.index4 .left .info:focus-within{box-shadow:0 0 12px rgba(225,225,225,1)}
.index4 .left .info3{font-size:0.45rem;height:2.5rem;box-sizing: border-box;}
.index4 .left .info textarea{width:100%;border:0;font-size:0.45rem;padding:0.25rem 0;box-sizing: border-box;}
.index4 .left button{width:5.75rem;opacity:1;border-radius:0.75rem;background:#99C230;font-size:0.6rem;color:rgba(255,255,255,1);text-align:center;padding:0.4rem 0;margin:0 auto;cursor:pointer;border:0px;box-sizing: border-box;}
.index4 .left button:hover{background:#0A80BE;transition:ease-out .36s}
.index4 #form_table,.index4 #form_test{display:none}
.index4 #form_table2 .title{font-size:0.6rem;color:#fff}
.index4 #form_table2 .checkbox{padding:0.25rem 0;color:#fff;display:flex;align-items:flex-end;flex-wrap:wrap;font-size:0.45rem;box-sizing: border-box;}
.index4 #form_table2 .checkbox label{margin-right:1.5rem;margin-bottom:0.25rem}
.index4 #form_table2 .checkbox_group label:nth-child(3){margin-right:0rem}
.index4 #form_table2 .checkbox .checkbox-input{color:#fff;background:rgba(0,0,0,0);border:0px;border-bottom:1px solid #fff;height:1rem;width:3rem;font-size:0.45rem}
.index4 .right{width:30%;height:14.5rem;opacity:1;background:rgba(255,255,255,1);box-shadow:0 0.1rem 0.8rem rgba(0,0,0,0.05);padding:1.65rem 1.25rem;box-sizing: border-box;border-radius: 0.25rem;}
.index4 .right h3{font-size:0.8rem;color:rgba(0,0,0,1);margin-bottom:0.875rem;text-transform: uppercase;}
.index4 .right li{display:flex;align-items:flex-start;font-size:0.45rem;color:rgba(51,51,51,1);margin-bottom:0.5rem}
.index4 .right li img{padding:0.15rem;opacity:1;border-radius:0.075rem;background:#0A80BE;margin-right:0.375rem;box-sizing: border-box;}
.index4 .weblink{margin-top:1.5rem;gap: .5rem}
.index4 .weblink a{position:relative}
.index4 .weblink a img{max-width: 30px;border-radius: 5px;max-height: 30px;}
.index4 .weblink a img:nth-child(1){display:block;transition:ease-out .5s;cursor: pointer;}
.index4 .weblink a img:nth-child(2){position:absolute;width:150px;height:0px;top:40px;left:50%;transform:translate(-50%,0%);box-shadow:0px 2px 4px rgba(0,0,0,0.25);max-width: unset;}
.index4 .weblink a:hover img:nth-child(1){transform:scale(1.1);transition:ease-out .36s}
.index4 .weblink a:hover img:nth-child(2){height:150px;transition:ease-out .5s}

/* 首页子公司 */
.anli1.swiper-container {box-sizing: border-box;margin-bottom: .5rem;}
.anli1.swiper-container .swiper-slide{background-position:center;background-size:cover;width:20rem;box-sizing:border-box;box-shadow: 0 0 15px rgba(0, 0, 0, .1);overflow: hidden;border-radius: 10px;position: relative;background: #fff;}
.anli1 .swiper-button-next, .anli1 .swiper-button-prev{opacity: .5;transition: .3s;}
.anli1 .swiper-button-next:hover, .anli1 .swiper-button-prev:hover{opacity: 1;}
.anli1.swiper-container .swiper-slide.swiper-slide-active .info_box{opacity: 1;}
.anli1.swiper-container .swiper-slide.swiper-slide-active{opacity: 1;}
.anli1.swiper-container .swiper-slide.swiper-slide-active .info_box{bottom: 0;}
.anli1.swiper-container .swiper-slide.swiper-slide-active img{opacity: 1;}
.anli1.swiper-container .swiper-slide img{width:100%;opacity: 0.3;transition: .3s;}
.anli1.swiper-container .swiper-slide .info_box{position: absolute;bottom: -500px;padding: 2rem 1rem 1rem;background: linear-gradient(to top, rgba(10,128,190,0.85), rgba(10,128,190,0));left: 0;right: 0;opacity: 0.3;transition: .5s;}
.anli1.swiper-container .swiper-slide .info_box .tit{font-weight: 700;}
.anli1.swiper-container .swiper-slide .info_box .tit,.anli1.swiper-container .swiper-slide .info_box .con{color: #fff;}
.anli1.swiper-container .swiper-slide .info_box .con{margin-top: 0.5rem;}




.cooperation-list1{background: #F7F7FA;padding: 100px 0;}
.cooperation-list1 .ul{margin-top:1.4rem}
.cooperation-list1 .ul .li{width:49%;height:8rem;margin-bottom:2%;box-shadow:0 0 15px 0 rgba(0,0,0,0.2)}
.cooperation-list1 .ul .li .img1{width:100%;height:100%;object-fit:cover;display: inline-block;}
.cooperation-list1 .ul .li:before{content:"";position:absolute;width:100%;height:70%;bottom:0;opacity:0;transition:all .6s;background:linear-gradient(0deg,rgba(4,109,201, .9) 0%,transparent 100%);z-index:1}
.cooperation-list1 .ul .li:nth-child(2n){margin-right:0}
.cooperation-list1 .ul .imgicon{width:1.375rem;height:1.375rem;margin:0 auto .4rem;transition:all .6s}
.cooperation-list1 .ul .imgicon img{max-height:100%}
.cooperation-list1 .ul .img1{transition:all .6s}
.cooperation-list1 .ul .text{width:90%;margin-top:1rem;z-index:4;transition:all .6s}
.cooperation-list1 .ul .tit5{margin-top:.3rem;opacity:0;transform:translate(0,0.65rem);transition:all .6s}
.cooperation-list1 .ul .li:hover:before{opacity:1}
.cooperation-list1 .ul .li:hover .img1{transform:scale(1.1)}
/* .cooperation-list1 .ul .li:hover .imgicon{transform:translate(0,-0.65rem)} */
.cooperation-list1 .ul .li:hover .tit5{opacity:1;transform:translate(0,0)}
.cooperation-list1 .ul .li:hover .text{margin-top:0}
.a-del3 {
    animation-delay: 0.3s;
}
.f-no-b-start {
    display: flex
;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}.ovh {
    overflow: hidden;
}
.tran-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
}
.f-no-c-center {
    display: flex
;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}.fon-m2 {
    font-family: "Microsoft Yahei", "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
    font-weight: bold;
}
.fon-m {
    font-family: "Microsoft Yahei", "sn-m", "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

.line-2 {
    line-height: 1.2;
}
.line-6 {
    line-height: 1.6;
}
.tit-18 {
    line-height: 1.8;
    font-size: 15px;
}
.text-center {
    text-align: center;
}
.tit-26 {
    line-height: 1.8;
    font-size: 26px;
}
.col-fff {
    color: #fff;
}
.por {
    position: relative;
}
.f-no {
    display: flex
;
    flex-flow: row wrap;
}


.cooperation-list3{padding:2.2rem 0 0;height:21.25rem;z-index:1;position:relative;overflow:hidden}
.cooperation-list3 .bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}
.cooperation-list3 .contentbox{position:relative;z-index:3}
.cooperation-list3 .contentbox .tip{position:relative;z-index:3}
.cooperation-list3 .contentbox .tip img{margin-right:.25rem}
.cooperation-list3 .contentbox .tit3{position:relative;z-index:3;margin-top:.5rem}
.cooperation-list3 .ul{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}
.cooperation-list3 .ul:before{content:"";position:absolute;width:calc(50vw - 822px);height:100%;left:0;top:0;z-index:1;background:rgba(2,22,43,0.4)}
.cooperation-list3 .ul:after{content:"";position:absolute;width:calc(50vw - 822px);height:100%;right:0;top:0;z-index:1;background:rgba(2,22,43,0.4)}
@-moz-document url-prefix(){.cooperation-list3 .ul:before{width:calc(50vw - 828px)}
.cooperation-list3 .ul:after{width:calc(50vw - 828px)}
}.cooperation-list3 .ul .li{width:calc(100% / 7);background:rgba(2,22,43,0.4);border-right:1px solid rgba(255,255,255,0.2);position:relative;transition:all .6s}
.cooperation-list3 .ul .li:last-child{border-right:none}
.cooperation-list3 .ul .tit5{width:30px;height:30px;border-radius:50%;border:1px solid #fff;margin:0 auto .4rem;transition:all .6s}
.cooperation-list3 .ul .tit7{margin-top:.5rem;opacity:0;transform:translate(0,20px);transition:all .6s;line-height:1.6}
.cooperation-list3 .ul .text{width:100%;padding:8.5rem .85rem 0}
.cooperation-list3 .ul .li:hover{background:rgba(0,0,0,0.2);backdrop-filter:blur(5px)}
.cooperation-list3 .ul .li:hover .text .tit5{background:#33b366;color:#fff;border:1px solid #33b366}
.cooperation-list3 .ul .li:hover .text .tit7{opacity:1;transform:translate(0,0)}


/* 优势 */
.zhijian{ background: url(../images/zhijian.jpg) no-repeat center center;display: flex;justify-content: center;align-items: center; flex-direction: column;padding:75px 0;background-size: cover;margin: 60px 0 0;}
.zhijian strong{color:#fff;font-size: 58px; }
.zhijian p{color:#fff;font-size: 22px; line-height:30px; margin: 20px 0  }
.z_more{ display: flex;justify-content:space-between;width:536px; margin:0 auto 0 auto;background: #0089D4;border-radius:100px; padding:0 45px 0 0}
.z_more li{ line-height: 58px;  border-radius:100px;text-align: center;position: relative;}
.z_more li:nth-child(1){  background: #fff;font-family: impact;font-size: 24px; color:#0089D4;text-align: left;padding:0 0 0 95px; width:64%;}
.z_more li:nth-child(1):after{ content: '';width:36px;height:38px;background: url(../images/ltel.png);position: absolute;left:30px;top:11px;}
.z_more li a{ font-size: 22px; color:#fff; }
.z_more li a:hover{opacity: .8;}

.z_more2{ display: none;width:65%; margin:0 auto 0 auto;background: #0089D4;border-radius:100px; }
.z_more2 li{  border-radius:100px;text-align: center;position: relative;background: #fff; }
.z_more2 li a{ line-height: 50px;padding:0 0 0 35px;  text-align: center;position: relative; font-family: impact;font-size: 20px; color:#0089D4; width:100%; display: block}
.z_more2 li a:after{ content: '';width:36px;height:38px;background: url(../images/ltel.png);position: absolute;left:30px;top:7px;}


/* 新闻 */
.section_nine {background-color: #f6fbff;padding: 100px 0; }
.section_nine .protit{display: flex;align-items: center;text-align: left;justify-content: space-between}
.common-btn { width: 3.6rem; height: 1.2rem; font-size: .5rem; color: #151515; border: 1px solid #000; border-radius: 1rem; cursor: pointer; transition: all .4s ease; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.common-btn:hover { background: #0089D4; border-color: #0089D4; color: #fff; }
.tabbox{padding: 60px  0 0;}
.tabbox .tab{width:100%;display: flex;gap: 1rem;}
.tabbox .tab .item{transition: .4s;background-color:#fff;box-sizing: border-box;border-radius: 0.25rem;overflow: hidden;flex: 1;}
.tabbox .tab .item .info {padding: 2vw;}
.tabbox .tab .item .info p{line-height: 1.8;color: #999;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.tabbox .tab .item  h3 span{margin: 12px 0;display: block;}
.tabbox .tab .item:hover{margin-top: -20px;box-shadow: 0 10px 20px rgba(1, 125, 255, 0.2);}
.tabbox h3 strong{display:inline-block;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;line-height: 1.6;}
.tabbox h3 span{font-size: 14px;}

/* 招聘 */
.hr{background: #F5F5F5;padding: 100px 0;}
.hr .protit{display: flex;    flex-direction: column;
	align-items: flex-start;text-align: left;}
.hr .inner{background: #fff;display: flex;justify-content: space-between;}
.hr .inner .left{width: 45%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start}
.hr .inner .left{padding: 3vw;}
.hr .inner .left .hr_box{color: #666666;line-height: 2.5;}
.hr .inner .left a{display: inline-block;color: #1867B5;border-radius: 5px;border: 2px solid #1867B5;padding: 5px 30px;margin: 50px 0 0;}
.hr .inner .left a:hover{background: #1867B5;color: #fff;}
/*===================== 首页 END =====================*/

/* ========================= 内页 START ========================= */

/* 内页简介 */
.tit01{ text-align: center; font-weight: normal;}
.tit01 h2{display: block;font-size: 48px;color: #0169DC;}
.tit01 h2 span{color: #FE7800;}
.tit01 a{color: #88562c; text-decoration: none; }
.tit01 p{font-size: 20px; color: #333333; text-align: center; font-weight: normal;font-family:"Microsoft Yahei"; line-height: 30px;}
.cf_tit{margin: 120px 0 75px;}

/* 简介 */
.section2{background: no-repeat top center/cover;background-image: url(../images/bg2.jpg);}
.section2 .w1700{padding-top: 9.5%;}
.section2 .w1700>.txt{margin-left: 50%;}
.section2 .w1700 .h{font-size: 0.7rem;color: #fff;font-weight: 600;}
.section2 .w1700 .txt img{margin: 20px 0;}
.section2 .w1700 .p{font-size:16px;color:#fff;opacity:.8;line-height:30px;max-height:9rem;overflow-y:auto;padding-right: .5rem;  /* 文字和右侧滚动条拉开20px距离 */    box-sizing: border-box; /* padding不会撑大盒子宽度 */scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent}
.section2 .w1700 .p::-webkit-scrollbar{width:6px}
.section2 .w1700 .p::-webkit-scrollbar-track{background:transparent}
.section2 .w1700 .p::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.3);border-radius:3px}
.section2 .w1700 .txt .btn{display: block;width: 66px;height: 66px;background: url(../images/i_yj.png)no-repeat;margin-top: 75px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;border: 0;box-shadow:none;}
.section2 .w1700 .txt .btn:hover{margin-top: 70px;}
.section2 .w1700 .bottom{background: rgba(255,255,255,.9);width: 100%;margin-top: 6vw;border-radius: 20px 20px 0 0}
.section2 .w1700 .bottom .box{float: left;width: -webkit-calc(100% / 6);width: calc(100% / 6);text-align: center;padding: 88px 0 74px 0;box-sizing: border-box;}
.section2 .w1700 .bottom .box img{display: inline-block;max-height: 36px;}
.section2 .w1700 .bottom .box .top1{margin-top: 20px;}
.section2 .w1700 .bottom .box .top1 .num{line-height: 47px;color: #177AC1;font-weight: bold;vertical-align: bottom;}
.section2 .w1700 .bottom .box .top1 .txt{font-size: 47px;line-height: 47px;color: #177AC1;font-weight: bold;vertical-align: bottom;text-transform: uppercase;}
.section2 .w1700 .bottom .box .p1{color: #333333;opacity: .7;line-height: 16px;margin-top: 18px;}

/* 发展历程 */
.fzlc{background: url(../images/a2_bj2.jpg) no-repeat center / cover;background-attachment: fixed;}
.fzlc .protit{padding: 0;}
.fzlc .protit h4,.team .protit h4{display: block;}
.fzlc .protit img,.team .protit img{display: inline-block;}
.fzlc .swiper-top{position: relative;overflow: hidden;}
.fzlc .swiper-top .swiper-slide{text-align: center;opacity: .15;transition: .3s;}
.fzlc .swiper-top .swiper-slide.swiper-slide-active{opacity: 1;}
.fzlc .swiper-top .swiper-slide.swiper-slide-active  .h{color: #0089D4;font-size: 48px;}
.fzlc .swiper-top .h{font-size: 24px;color: #666666;line-height: 36px;margin:120px 0 36px 0;font-weight: 700;transition: .3s;}
.fzlc .swiper-top .p{font-size: 16px;color: #666666;line-height: 36px;}
.fzlc .swiper-top .next1,.fzlc .swiper-top .prev1{background: no-repeat 0 0;width: 66px;height: 66px;top: auto;bottom: 0; z-index: 10;}
.fzlc .swiper-top .next1{background-image: url(../images/a_next.png);right: 0;}
.fzlc .swiper-top .prev1{background-image: url(../images/a_prev.png);left: 0;}
.fzlc .swiper-top .next1:hover,.fzlc .swiper-top .prev1:hover{background-position-y: -66px;}
.gallery-thumbs{position: relative;overflow: hidden;font-size: 20px;color: #666;line-height: 26px;margin-top: 70px;}
.gallery-thumbs .swiper-slide{padding-top: 20px;text-align: center;cursor: pointer;}
.gallery-thumbs .swiper-slide::before{content: "";position: absolute;left: 0px; width: 100%;height: 1px;background: rgba(255,255,255,.4);top: 5px;}
.gallery-thumbs .swiper-slide:after{content: "";position: absolute;left: 0px; width: 14px;height: 14px;background: #fff;border-radius: 50%;border: 2px solid #0089D4;top: 0;right: 0;margin: auto;}
.swiper-slide-thumb-active{color: #0089D4;}
.gallery-thumbs .swiper-slide-thumb-active:after{background: #0089D4;}

/* 荣誉 */
.muma{position: relative;margin-top: 60px;}
.ss777.swiper-slide{background-position: center;background-size: cover;}
.ss777.swiper-slide h3{margin-top: 10px;}
.ss777.swiper-slide img{border: 1px solid #e5e5e5;border-radius: 10px}
.culture-list-box{width:100%;padding: 100px 0;background: #F7F7FA url(../images/wenhua.jpg) no-repeat bottom center;background-attachment: fixed;background-size: cover;}
.culture-list-box h4{display: block;}
.culture-list-box img{display: inline-block;}
.culture-list-box .culture-list .row{margin:0 -1px}
.culture-list-box .culture-list .item{box-sizing:border-box;padding:0 1px}
.culture-list-box .culture-list .con-box{position:relative}
.culture-list-box .culture-list .init-box{background-color:#fff;padding:1.35rem 0;box-shadow:0 0 2rem rgba(40,40,40,.02);border-radius:2px;text-align:center}
.culture-list-box .culture-list .icon{width:2.075rem;margin:0 auto}
.culture-list-box .culture-list .tit{font-size:.675rem;line-height:.7rem;color:#333;margin-top:.9rem}
.culture-list-box .culture-list .en-tit{font-size:.375rem;line-height:.4rem;color:#333;font-family:"Century Gothic";margin-top:.2rem;text-transform:uppercase}
.culture-list-box .culture-list .con{display:none}
.culture-list-box .culture-list .hover-box{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:100%;padding:1.2rem 0;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url('../images/culture-hover-bg.jpg');border-radius:2px;text-align:center;opacity:0;filter:alpha(opacity=0);transition:all .3s;box-sizing: unset;}
.culture-list-box .culture-list .hover-box .tit{font-size:.675rem;line-height:.7rem;color:#fff;margin-top:.7rem}
.culture-list-box .culture-list .line{width:.75rem;height:2px;background-color:#fff;margin:.45rem auto 0}
.culture-list-box .culture-list .con{font-size:.45rem;line-height:.8rem;color:#fff;padding:0 13.33%;margin-top:1rem}
.culture-list-box .culture-list .hover-box .con{display:block}
.culture-list-box .culture-list .con-box:hover .hover-box{	opacity: 1;	filter: alpha(opacity=100);}

/* 内页员工 */
.yggh .info{line-height: 1.8;text-align: center;max-width: 80%;margin: 1rem auto 0;}
.anli.swiper-container {box-sizing: border-box;margin-bottom: .5rem;}
.anli.swiper-container .swiper-slide{background-position:center;background-size:cover;width:15rem;box-sizing:border-box;box-shadow: 0 0 15px rgba(0, 0, 0, .1);overflow: hidden;border-radius: 10px;position: relative;}
.anli .swiper-button-next, .anli .swiper-button-prev{opacity: .5;transition: .3s;}
.anli .swiper-button-next:hover, .anli .swiper-button-prev:hover{opacity: 1;}
.anli.swiper-container .swiper-slide.swiper-slide-active .info_box{opacity: 1;}
.anli.swiper-container .swiper-slide.swiper-slide-active{opacity: 1;}
.anli.swiper-container .swiper-slide.swiper-slide-active .info_box{bottom: 0;}
.anli.swiper-container .swiper-slide.swiper-slide-active img{opacity: 1;}
.anli.swiper-container .swiper-slide img{width:100%;}
.anli.swiper-container .swiper-slide .info_box{position: absolute;bottom: -500px;padding: 2rem 1rem 1rem;background: linear-gradient(to top, rgba(10,128,190,0.85), rgba(10,128,190,0));left: 0;right: 0;opacity: 0.3;transition: .5s;}
.anli.swiper-container .swiper-slide .info_box .tit{font-weight: 700;}
.anli.swiper-container .swiper-slide .info_box .tit,.anli.swiper-container .swiper-slide .info_box .con{color: #fff;}
.anli.swiper-container .swiper-slide .info_box .con{margin-top: 0.5rem;}


/* ===================== 产品列表页 ===================== */
#list{margin:1.25rem 0;}
#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{max-width:1580px;margin:0 auto;}
@media(max-width:1505px){
	#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{max-width:1200px;}
}
.showlist{width:100%;/* float:left; */}

/*.showlist div *{width:100%;}*/
.showlist li{width:98%;margin:0 auto 20px;overflow:hidden;position:relative;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.showlist .wrap_box{float:left;}
.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}
#showdata{display:none;}
#loaddata{text-align:center;}
.showlist li .img{overflow:hidden;}
.product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;}
.product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;}
.product_list_one .item,  .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px;border-bottom: 1px solid #e0e0e0;}
.product_list_two .item{float: left;width:24%;margin:0 0.5% 30px;border-bottom: 1px solid #e0e0e0;}
.product_list_one .item .img, .product_list_two .item .img{position: relative;overflow: hidden;border: 1px solid #f0f0f0;border-radius: 7px;}
.product_list_one .item img, .product_list_two .item img, .product_list_two .item strong, .product_list_three .item em{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.product_list_one .item:hover img, .product_list_two .item:hover img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);}
.product_list_three .item{width:49%;border:1px solid #ececec;}
@media screen and (min-width: 900px){
	.product_list_one .item .img img{object-fit: contain;display: block;margin: 0 auto;}
	}
	@media screen and (max-width: 899px){
		.product_list_one .item .img img{object-fit: contain;display: block;margin: 0 auto;}
		}

/* 样式一 */
.product_list_one .item .info{padding:20px;}
.product_list_one .item strong{display: inline-block;width:94%;font-weight:300;font-size:.45rem;}
.product_list_one .item em{font-size: 12px;color: #999;font-style: normal;}
.product_list_one .item .line2{width:100%;height:2px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;background-color:#0095DD;}
.product_list_one .item p{display: none;}
.product_list_one .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;}
.product_list_one .item:hover strong{color: #0095DD;transition:  .7s}
/* 样式一 */

/* 样式二 */
.product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;}
.product_list_two .item .info strong,.product_list_three .item .info strong{display:block;color:#555;font-size:18px;font-weight:100;padding-top:30px;text-transform: uppercase;}
.product_list_two .item .line1{width:0%;height:1px;margin-top:8px;}
.product_list_two .item .info p{display:none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow:hidden;margin-top:8px;}
.product_list_two .item .line2{display:none;}
.product_list_two .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);}
.product_list_two .item:hover .info{background-color:#fff;}
.product_list_two .item:hover strong{color:#0089D4;transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.product_list_two .item:hover .line1{width:100%;height:1px;background-color:#0089D4;}
.product_list_two .item:hover p{transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);}

/* 样式二 */

/* 样式三 */
.product_list_three .item{position: relative;}
.product_list_three .item .img{border: 1px solid #eee;border-bottom: none;}
.product_list_three .item .info strong{padding:0;font-weight: 700;color: #fff;margin-bottom: 0.25rem;font-size: .5rem;}
.product_list_three .item{border-radius:10px;overflow:hidden;background-color:#f9f9f9;}
.product_list_three .item .info{box-sizing: border-box;position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding:1rem;color: #fff;z-index: 2;flex-direction: column;height: 40%;transition: .3s;}
.product_list_three .item:after{content: "";display: block;position: absolute;background: linear-gradient(to top, rgba(10, 128, 190, 0.85), rgba(10, 128, 190, 0));left: 0;bottom: 0;width: 100%;height: 50%;transition: .3s;z-index: 1;}
.product_list_three .item .info p{display: block; overflow: hidden;line-height: .7rem; /* 底部渐变消失：前面完全可见，最后15%高度慢慢透明 */
	-webkit-mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);
  
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;}
.product_list_three .item:hover:after{height: 200%;}
.product_list_three .item:hover .info{height: 100%;}
.product_list_three .item:hover .info p{-webkit-mask-image: linear-gradient(to bottom, #000 100%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 100%, transparent 100%);}

/* 样式三 */

/* 产品内页图 */
.product_article .img1{display:none;}
.product_article .title{overflow:hidden;padding:10px 0 0;}
.product_article .title h1{text-align:center;font-size:22px;color:#333;}
.product_article .title .time{display:block;height:30px;line-height:30px;text-align:center;margin:14px 0 0;font-size:14px;color:#999;}
.product_article .title .time img{display:inline-block;height:18px;margin-top:-2px;margin-right:10px;}
.product_article .title .share{text-align:center;height:24px;line-height:24px;margin-top:10px;}
.product_article .title .share span{display:inline-block;vertical-align:top;}
.product_article .title .bdsharebuttonbox{display:inline-block!important;vertical-align:top;}

/* 产品内页图 */

/* ===================== 产品列表页 ===================== */

/* ===================== 产品 详情页 ===================== */
.img_big_box{width:55%;}
.img_big_box .img_box{border:1px solid #f1f1f1;border-radius:5px;position:relative;border-bottom:none;}
.img_big_box .img_box .swiper-button-next,.img_big_box .img_box 
.swiper-button-prev{
    width:0.8rem;
    height:0.8rem;
    background:rgba(0,0,0,0.4);
    border-radius:50%;
	color:#ffffff;
	opacity: .5;
	transition: .3s;
}
.img_big_box .img_box .swiper-button-next:hover,.img_big_box .img_box 
.swiper-button-prev:hover{opacity: 1;}
.img_big_box .img_box .swiper-button-next:after,.img_big_box .img_box 
.swiper-button-prev:after{
    font-size:0.5rem;
}
.img_big_box .img_box .swiper-button-prev{
    left:0.5rem;
}
.img_big_box .img_box .swiper-button-next{
    right:0.5rem;
}
.img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align:center;display: flex;          /* 启用Flex布局 */
	width: 100%;           /* 容器宽度100% */
	flex-wrap: nowrap;     /* 强制不换行（关键！防止图片换行） */
	padding: 0;
	margin: 0;
	list-style: none; }
	/* 图片容器（可选，但推荐）：确保每个图片占比均等 */
	.img_big_box .small_box .img-item {
		/*flex: 1 1 0%;           关键：强制均分，0%避免固有宽度影响 */
		width: 0;              /* 辅助：配合flex均分 */
		padding: 5px;
		width: 20%;
	}
.img_big_box .small_box .img-item img{border:1px solid #fff;width: 100%;           /* 宽度占满父容器 */
	height: auto;          /* 高度自动，保持比例 */
	display: block;        /* 消除默认间隙 */
	object-fit: cover;     /* 可选：保持比例填充，不拉伸 */}
.img_big_box .small_box img.active{border-color:#0089D4;}
.img_big_box{width:50%;float:left}
.img_big_box .img_box{border:1px solid #f1f1f1;border-radius:5px;position:relative;border-bottom:none;padding: 5px 0 5px 5px;}
.img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;}
.info_big_box{width:48%;}
.info_big_box h1{color:#0A1E40;font-weight:bold;}
.info_big_box .hx{margin-top: 1rem;}
.info_big_box .hx b{color: #091E42;}
.info_big_box .info_tel{justify-content: flex-start !important;align-items: center;margin-top: 0.9rem;}
.info_big_box .info_tel img{width: 20px;margin-right: 10px;}
.info_big_box .info_tel strong{margin: 0 10px 0 0;align-items: center;}
.info_big_box .info_tel a{color: #0089D4;font-family: impact;}
.info_big_box .info_box .btns a{display:inline-block; padding:12px; border:1px solid #adafb8; border-radius:50%; margin-left:.1rem;}
.info_big_box .info_box .btns a img{width:16px; height:16px; display:block;}


.info_big_box p{font-size: 14px;color: #5b5b5b; line-height: 30px;font-weight: 400;}
.info_big_box em{color: #333;font-size: 25px;line-height: 36px;display: block;padding-top: 20px;}

.swtfw{width: 100%;}
.swtbox{margin-top:35px;overflow: hidden;}
.swtbox a{text-align:center;display:block}
.swtbox .btn1{width:160px;height:58px;background: #0096DE;font-size:24px;color:#ffffff;font-weight:bold;line-height:58px;letter-spacing:5px;box-shadow:0 6px 5px rgba(249,90,23,0.4);transition:all linear 0.3s;}
.swtbox .btn1:hover{background:linear-gradient(50deg,rgb(75,174,32),rgb(0,128,228));box-shadow:0 6px 5px rgba(60,151,170,0.4)}
.swtbox .box{float:left;width:48%;margin-right: 2%;}
.swtbox .btn2{height:44px;background: #fff;font-size:16px;color:#0a1e40;line-height:42px;width: 100%;border: 2px solid #0a1e40;border-radius: 10px;box-sizing: border-box;}
.swtbox .box:nth-child(3){margin-right: 0;}
.swtbox .btn2 span{font-size:18px;color:#0a1e40;font-weight:bold;vertical-align:top;transition: .3s;}
.swtbox .btn2:hover{color: #fff;background: #0089D4;border-color: #0089D4}
.swtbox .btn2:hover span{color: #fff;}
.fwby{margin:35px 0 0;justify-content: space-between;flex-direction: column;gap: .5rem;}
.fwby p{color:#0a1e40;line-height:normal;font-weight: 700;align-items: center;flex-direction: row}
.fwby p img{margin-right: 5px;}
.xgcp_title{padding:10px;background-color:#fafafa;margin:30px 0 0;display: none;}
.xgcp_title h3{color:#0089D4;border-left:2px solid #0089D4;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;}
.article_content{font-size:16px !important;line-height:26px;color:#333;}
.article_content hr{border-top: 1px solid #ddd;border-bottom: none;}
.article_box{padding-top:30px;}
.article_box img,.article_content img{display:inline;}
.article_box p,.article_content p{margin-bottom:14px;}
.article_content .pagenum{display: flex;justify-content: center;}
.article_content .pagenum img{flex: 1;max-width: 400px;margin: 0 10px;}
.article_content.inner{padding: 4rem 1rem;}
.article_content strong{font-size: .6rem;color: #0097DB;margin-bottom: .2rem;display: block;line-height: normal;padding-top: 1rem;    border-top: 1px solid rgba(0, 0, 0, 0.1);  margin-top: 1rem;font-weight: 600;}
.article_content span{font-weight: 700;color:#0097DB !important;}
.article_box{padding-top:30px}
.article_content table{width: 100% !important;}
.article_content table tr td,.article_content table tr th {    background: #fff;border: 0.5pt solid #ddd;	border-top: none;line-height: 26px;}
.article_content table tr td span,.article_content table tr th span{font-size: 16px !important;}
.article_content table tr.firstRow td,.article_content table tr.firstRow th{ background:#0089D4 !important; font-weight:bold;color: #fff;font-size: 16px;}
.article_content table tr td{padding: 5px;}
.article_content table tr th{padding: 5px;}
.article_content table tr td p{margin: 0;}
#xgcp ul li{float:left;text-align:center;width:23%;margin:1%;}
#xgcp ul li strong{display:block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align:center;position: relative;}
#xgcp ul li:hover strong{color:#fff;}
#xgcp ul li:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}
.pagenum{border-top:1px solid #DCDCDC;margin-top:1rem;text-align:center;}
.pagenum a{display:inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #0089D4;border-radius:60px;font-size:0px;}
.pagenum span{font-size:16px;color:#0089D4;}
.pagenum a:hover{background-color:#0089D4;}
.pagenum a:hover span{color:#fff !important;}

/* ===================== 产品 详情页 ===================== */

/* ===================== 内页 Banner 图 ===================== */
#nyba{height:500px;position:relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;}
.fade_text{text-transform:uppercase;margin-top:10%;}
.fade_text span{color:#fff;display:inline-block;}
.fade_text .cn{overflow:hidden;}
.fade_text .en{line-height:1.8;overflow:hidden;text-transform: none;max-width: 50%;}
.fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px 0;}
.arrow_down{position:absolute;left:9%;bottom:20px;overflow:hidden;width:8px;}
.arrow_down .line{display:block;width:1px;height:40px;margin:0 3px;background:#fff;}
.arrow_down .aw{display:block;width:100%;height:5px;margin-top:3px;background:url('../../images/aw.png') no-repeat;}
.arrow_down .lg{-webkit-animation:long 1.5s linear alternate infinite;animation:long 1.5s linear alternate infinite;}
@-webkit-keyframes long{
	from{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
	to{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes long{
	from{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
	to{-webkit-transform:translateY(0);transform:translateY(0);}
}
.son_list{width:100%;text-align:center;display: flex;gap: 1rem;padding: 1rem 0 0;}
.son_list a{padding:0 5px;height:50px;color:#333;background-color:#fff;font-size:0.45rem;text-align:center;line-height:50px;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, .05);flex: 1;font-weight: 700;}
.son_list a i{background-color:#0089D4;position:absolute;left:50%;top:50%;margin:-250px 0 0 -250px;z-index:-1;width:500px;height:500px;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transition: .5s;}
.son_list a:hover i,.son_list a.active i{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
.son_list a:hover,.son_list a.active{color:#fff;}

/* ===================== 内页 Banner 图 ===================== */

/* ===================== 面包屑导航 ===================== */
.position_now{height:60px;line-height:60px;font-size:14px;border-bottom:1px #f1f1f1 solid;display: none;}
.position_now a{display:inline-block;color:#707070;}
.position_now .fl{color:#707070;}
.position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;}
.position_now .fr{font-family:impact;color:#0089D4;font-size:22px;display: none;}
.position_now .fr img{height:26px;display:inline-block;margin-right:8px;vertical-align:middle;}
.position_now .fr strong{font-weight:100;}

/* ===================== 面包屑导航 ===================== */

/* ===================== 新闻页面 ===================== */

/* 新闻样式 1 */
.news_one .news_box li{margin-bottom:20px;background: #fff;border-radius: 15px;padding: .75rem;transition: .3s;}
.news_one .news_box li a{gap: 1rem;align-items: center;}
.news_one .news_box li .img{width:26%;overflow:hidden;border-radius:8px;position:relative;border: 1px solid #ddd;}
.news_one .news_box li .img img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_one .news_box li .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);}
.news_one .news_box li .img .bg i{opacity:0;position:absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../../images/news_arrow.png) center/100% no-repeat;}
.news_one .news_box li .info{width: 70%;}
.news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;}
.news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;}
.news_one .news_box li .info .line{width:100%;height:1px;background-color:#e5e9ef;margin: 10px 0;}
.news_one .news_box li .info .line i{display:block;width:0%;height:1px;background-color:#0089D4;}
.news_one .news_box li .info p.tran{color:#999;font-size:16px;line-height:30px;overflow:hidden;margin:10px 0 20px;}
.news_one .news_box li .info p{color: #0089D4;}
.news_one .news_box li:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, .05);transform: translateY(-10px);}
.news_one .news_box li:hover .line i{width:100%;}
.news_one .news_box li:hover h3{color:#0089D4;}
.news_one .news_box li:hover .bg{background:rgba(0,0,0,0.25);}
.news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;}
.news_article_box .left_fixed{position:fixed;left:0;top:0;width:30%;height:100%;z-index:-1;}
.news_article_box .left_fixed .text{padding:35% 0 0 25%;}
.news_article_box .left_fixed h6{font-size:70px;color:#0089D4;opacity:0.5;font-weight:700;}
.news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;}
.news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;}
.news_article_box .left_fixed .return:after{content:'';}
.news_article_box .right_article{float:right;width:70%;background-color:#f5f5f5;overflow:hidden;}
.news_article_box .inner_content{padding:30px 50px;}
.news_article_box .h1_title{padding:70px 40px;background-color:#E5E5E5;line-height:1.5;}
.news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;}
.news_article_box .h1_title .time img{height:20px;display:inline-block;margin:-4px 10px 0 0;}
.news_article_box .h1_title .time span{color:#777;font-size:16px;}
.page_list{text-align:center;}
.page_list_span2{display: none;}
.page_list b{font-size:0;}
.page_list b a,.page_list b font{display:inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align:center;}
.page_list b font{background-color:#0089D4;color:#fff;border-color:#0089D4;}
.page_list_span1{display:none;}

/* 新闻样式 1 */

/* 新闻样式 2 */
.news_two .news_box li{float:left;width:31.33%;margin:1%;overflow:hidden;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_two .news_box li a{padding:20px;background-color:#f3f3f3;position:relative;}
.news_two .news_box li .time strong{font-size:50px;color:#0089D4;display:inline-block;font-family:"SimHei";position:relative;}
.news_two .news_box li .time strong::after{content:'';position:absolute;left:0;top:30px;width:0px;background-color:#0089D4;height:2px;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_two .news_box li .time span{font-size:12px;color:#333;display:block;font-family:"SimHei";}
.news_two .news_box li h3{color:#333;font-size:18px;line-height:26px;height:52px;overflow:hidden;margin:15px 0 10px;}
.pc .news_two .news_box li:hover h3{color:#0089D4;}
.news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow:hidden;margin-bottom:10px;}
.news_two .news_box li i{position:absolute;background-color:#0089D4;}
.news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;}
.news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;}
.pc .news_two .news_box li:hover i.i1{width:30px;}
.pc .news_two .news_box li:hover i.i2{height:30px;}
.pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);}
.pc .news_two .news_box li:hover strong::after{width:100%;}
.fixed_body{display:none;position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;}
.fixed_body .fixed_article{display:none;position:fixed;width:750px;height:80%;top:50%;right:20%;margin:-400px -400px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);}
.fixed_body .fixed_article .fb_close{position:absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#0089D4;z-index: 9;}
.fixed_body .fixed_article .fb_close i{display:block;margin:10px auto 0;width:40px;height:40px;background:url(../../images/jia.png) center center/80% no-repeat;}
.fixed_body .fixed_article .fb_close:hover i{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display:block;position: relative;z-index: 1;}
@media(max-width:1505px){
	.fixed_body .fixed_article{width:1000px;margin-right:-500px;}
}

/* 新闻样式 2 */

/* ===================== 新闻页面 ===================== */

/* ===================== 产品页 左侧 导航 ===================== */
#list .left_side{width:20%;position: sticky;top: 2.5rem;}
#list .left_side .box_one,#list .left_side .box_two{background-color:#fff;border-radius: 10px;overflow: hidden;border: 1px solid #eee;}
#list .left_side .box_one .title{text-align:center;margin-bottom:10px;background-color:#0089D4;padding: 1px 0;}
#list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
#list .left_side .box_one .title p{color:#fff;font-size:16px;}

#list .left_side .box_one ul li{position:relative;border-bottom: 1px solid #eee;}
#list .left_side .box_one ul li:last-child {border: none;}
#list .left_side .box_one ul li > a{display:block;height:1.5rem;line-height:1.5rem;position:relative;overflow:hidden;color:#333;padding-left: .5rem;font-weight: 600;}
#list .left_side .box_one ul li.active-parent > a,#list .left_side .box_one ul li > a:hover,#list .left_side .box_one ul li > a.active{background-color:#0088cc;color: #fff;}
#list .left_side .box_one ul li .son_nav{overflow:hidden;height:0px;opacity:0;transition:height 0.35s ease,opacity 0.35s ease;background:#ffffff}
#list .left_side .box_one ul li .son_nav.show{opacity:1}
#list .left_side .box_one ul li .son_nav a{display:block;height:1.2rem;line-height:1.2rem;position:relative;overflow:hidden;padding-left:1rem;color:#333}
#list .left_side .box_one ul li .son_nav a::after{content:'';position:absolute;left:20px;top:0;bottom:0;margin:auto;width:8px;height:1px;background-color:#0088cc;transition: .3s;}
#list .left_side .box_one ul li .son_nav a.active::after,#list .left_side .box_one ul li .son_nav a:hover::after{background-color:#fff}
#list .left_side .box_one ul li .son_nav a:hover,#list .left_side .box_one ul li .son_nav a.active{color: #fff;background: #9eafc5}
#list .left_side .box_one ul li>a .arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #0089D4;transition:transform 0.3s ease}
#list .left_side .box_one ul li.active-parent .arrow,#list .left_side .box_one ul li a:hover .arrow,#list .left_side .box_one ul li a.active .arrow{transform:translateY(-50%) rotate(90deg);border-left:6px solid #fff;}

#list .left_side .box_two{margin-top:0.5rem;padding:.5rem;}
#list .left_side .box_two p{font-size:.4rem;line-height:30px;}
#list .left_side .box_two strong{color:#0089D4;font-size:.75rem;display:block;margin-bottom:10px;font-family:impact;font-weight:100;}
#list .left_side .box_two .more{height:36px;line-height:36px;margin-top:10px;width:200px;color:#fff;text-align:center;position: relative;text-transform: uppercase;background: #0089D4;}
#list .left_side .box_two .more i{background-color:#ffbc42;}
#list .left_side .box_two .more:hover{color:#fff;background: #9eafc5}
#list .right_side.fr{width:78%;}

/* ===================== 产品页 左侧 导航 ===================== */

/* ===================== 全局搜索框 ===================== */
.form_box{display:none;border:1px solid #f1f1f1;border-radius:5px;margin-bottom:20px;}
.form_box .sf{margin:0 auto;text-align:center;font-size:0;}
.form_box .an{display:inline-block;border:1px solid #f1f1f1;background-color:#fff;color:#333;height:40px;border-radius:8px;margin:10px 5px;font-size:16px;line-height:40px;padding:0px 15px;outline:none;}
.form_box .an{vertical-align:bottom;}
.form_box .an:hover{border-color:#0089D4;}
.form_box .inp{height:38px;vertical-align:bottom;}
.form_box .submit{width:80px;cursor:pointer;}

/* ===================== 全局搜索框 ===================== */

/* ===================== 在线留言 ===================== */
.form_box{display:none;border:1px solid #f1f1f1;border-radius:5px;margin-bottom:20px}
.form_box .sf{margin:0 auto;text-align:center;font-size:0}
.form_box .an{display:inline-block;border:1px solid #f1f1f1;background-color:#fff;color:#333;height:40px;border-radius:8px;margin:10px 5px;font-size:16px;line-height:40px;padding:0px 15px;outline:none}
.form_box .an{vertical-align:bottom}
.form_box .an:hover{border-color:#0097DB}
.form_box .inp{height:38px;vertical-align:bottom}
.form_box .submit{width:80px;cursor:pointer}
/* .form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow:0px 20px 80px rgba(76,76,76,0.1)} */
ul.fs{margin:0 auto}
ul.fs input,ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:0.8s;-o-transition:0.8s;-ms-transition:0.8s;-moz-transition:0.8s;transition:0.8s}
ul.fs .box1 {display: flex;gap: 0.5rem}
ul.fs .box1 li{flex: 1}
ul.fs .box1 li input{border-radius:0.25rem;background:rgba(255,255,255,1);border:0.025rem solid rgba(237,237,237,1);padding:0 0.625rem;height:1.5rem;border:0;font-size:0.40rem;width:100%;box-sizing:border-box}
ul.fs li input:hover{border-color:#0097DB}
ul.fs .box1 li input::-webkit-input-placeholder,ul.fs li.textarea textarea::-webkit-input-placeholder,ul.fs li.yzm input::-webkit-input-placeholder{color:#999}
ul.fs .box1 li input:-moz-placeholder,ul.fs li.textarea textarea:-moz-placeholder,ul.fs li.yzm input:-moz-placeholder{color:#999}
ul.fs .box1 li input:-ms-input-placeholder,ul.fs li.textarea textarea:-ms-input-placeholder,ul.fs li.yzm input:-ms-input-placeholder{color:#999}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:.5rem;margin:20px 0;color:#999;font-size: 0.40rem;border-radius: 0.25rem;}
ul.fs li.textarea textarea:hover{border-color:#0097DB}
ul.fs li.radio{text-align:center;display: none;}
ul.fs li.radio label{margin:0 10px}
ul.fs li.yzm{text-align:center;margin:0 0 20px}
ul.fs li.yzm img{display:inline-block;height:1rem}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:1rem;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#0097DB}
ul.fs li.submit input{height:1.25rem;margin:0 auto;display:block;cursor:pointer;width:5rem;border-radius:50px;background-color:#0097E0;font-size:16px;color:#fff;box-shadow: 0 0 10px rgba(255,255,255,.5)}
ul.fs li.submit input:hover{background: #0075C2;}

/* ===================== 在线留言 ===================== */

/* ===================== 联系我们 地图 ===================== */
#allmap{height:500px;}
#allmap img{max-width:none!important;}

/* ===================== 联系我们 地图 ===================== */

/* ===================== 回到顶部 ===================== */
.go_top{display:none;background:url(../../m/images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align:center;background-color:#0089D4;border-radius:50%;position:fixed;right:6px;bottom:100px;z-index:99999999999;}

/* ===================== 回到顶部 ===================== */
.firstRow img{display:inline-block;}

/* ================================ 内页 END ================================ */

/*===================== 响应式代码 START =====================*/
.header .menu_box{display:none;}
.header .menu_box{float:right;width:24px;height:54px;}
.header .nav_button{position:absolute;right:15px;top:26px;vertical-align:middle;width:24px;height:2px;cursor:pointer;background-color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav_button::after,.header .nav_button::before{content:'';width:24px;height:2px;position:absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav_button::after{top:9px;}
.header .nav_button::before{top:-9px;}
.header .menu_box.on .nav_button{width:0;}
.header .menu_box.on .nav_button::before{-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);}
.header .menu_box.on .nav_button::after{-webkit-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);}
#close{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}
.wap_son{display:none;padding:0 13px;margin-bottom:20px;}
.wap_son a{width:48%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;margin:1%;float:left;background-color:#D71410;}
.pc .fixed_footer{display:none;}
.mobile .fixed_footer{display:none;background-color:rgba(0,151,224,0.95);height:50px;position:fixed;bottom:0px;left:50%;margin-left:-50%;z-index:999;width:100%;border-radius:10px 10px 0 0;}
@media (min-width:640px){
	.mobile .fixed_footer{width:640px!important;left:50%;margin-left:-320px;}
}
.mobile .fixed_footer a{float:left;width:33.33%;text-align:center;}
.mobile .fixed_footer img{display:inline-block;height:24px;margin:5px 0 0;}
.mobile .fixed_footer strong{color:#fff;font-size:12px;display:block;height:20px;line-height:20px;}
.wap_show{display:none;}
@media(max-width:1930px){
	.section2 .w1700 .bottom .box{padding: 30px 0;}
}
@media(max-width:1550px){
	.header .call h3{font-size:28px;}
	.inner,.footer .inner{max-width:1200px;}
	.footer .logo{width:300px;}
	.footer .one{width:400px;}
	.footer .two{width:300px;}
	.footer .one a{font-size:14px;}
	.footer .ewm{width:110px;}
	.footer .ewm p{font-size:14px;}
	.header .logo img{height: 45px;}
	.tabbox .tab .item .info p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
	.w1700{width: 1400px !important;}

}
@media(max-width:1400px){
	.header .call h3{font-size:26px;}
	.w1700{width: 1280px !important;}
}
@media(max-width:1200px){
	.home3 .gui{ font-size:14px; }
	.f_16{ font-size:14px; }
	.f_20,.section2 .w1700 .bottom .box .top1 .txt{ font-size:16px; }
	.banner .con h3,.home3 .guige,.section2 .w1700 .bottom .box .top1 .num{ font-size:24px; }
	.f_30,.ss666 dl dd h3 a{ font-size:24px; }
	.f_38{ font-size:30px; }
	.f_48{ font-size:24px !important; }
	.f_58{ font-size:30px !important; }
	.wap_show{display:block;}
	.pc_show{display:none;}
	html,body{max-width:750px;margin:0 auto!important;}
	.header .nav ul li em,.header .nav ul li i,.product_list_two .item .info p,.header .call,.news_two .news_box li p,.position_now .fr,.arrow_down,.news_one .news_box li .img .bg,.news_article_box .left_fixed,#none,#footer .f1,#footer .two,.gg1,#home-lc,.jgzx .pub_title b,.header .nav ul li .son_nav,.ss666 dl dt,.three_box dd p,.three_box dd em,#footer h3::before,.protit h4::before,.protit h4::after,.ss666.swiper-slide h3,.pro-nav,.product_son,.product_list_one .item em,.footer .logo,.footer .one,.footer .ewm,.tabbox .tab .item .info h3 span,.tabbox .content,.section_seven .item_box .arrow,.section_six .more .call,#top_scroll ul li span,.info_big_box .info_1 .dh:nth-of-type(2),.info_big_box .info_1 .dh:nth-of-type(3),.info_big_box .info_3,.sygg .fl p,.section_six .auto .fr,.gg .inner1 .gtxt h5,.gg .inner1 .gtel em,.atel ul li img,.ab_t::after,.pub_title p{display:none !important;}
	.mt-30{margin: 0;}
	.header .menu_box,.mobile .fixed_footer,.wap_son{display:block;}
	#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto,.sygg,.content,#footer .f2,#footer .footer_con,.inner1,.gg .inner1 .gtel,.section_six .auto,#w-1300-1,.muma,.w1700{width:auto;padding:0 15px;}
	.header{height:54px;background: #046BC8;backdrop-filter: unset !important;}
	.header .inner{padding:0 ;width:auto;height:54px !important;}
	.header .logo img,.header.bg .logo img{height:38px;}
	.header .nav{position:fixed;width:280px;height:auto;overflow:auto;padding:20px 0;top:50%;left:50%;margin:-200px 0 0 -140px;z-index:9999999999;background-color:#fff;box-shadow:0 0 10px #f1f1f1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
	.header .nav ul li{display:block;float:none;width:90%;margin:0 auto;height:40px !important;line-height:40px !important;border-bottom:1px solid #f9f9f9;}
	.header .nav ul li span,.header .nav ul li a{color:#333!important;font-size: .5rem;}
	.header .nav ul li a:hover span,.header .nav ul li a.active span{line-height:40px;}
	.header .nav ul li:last-child{border:none;}
	
	.index_box{padding: 1.5rem 0;}
	/* 大图 */
	.banner{margin-top:54px!important;}
	.banner .swiper-button-next, .banner .swiper-button-prev{width: 40px;height: 40px;}
	/* 标题 */
	#nyba{height:200px;background-attachment: unset;background-size: cover;}
	/* 首页产品 */
	.index_pro-slide-text-box{position: static;border-radius:0 0 .5rem .5rem ;max-width: 100%;padding: .75rem;}
	.index_pro-swiper-slide img{border-radius: .5rem .5rem 0 0 ;}
	.index_pro-slide-desc{margin-bottom: .2rem;}
	.index_pro-mySwiper{padding: 0;}
	/* 首页联系方式 */
	.secbg18{padding: 1.5rem 0;}
	/* 内页简介 */
	.section2{background-position: bottom right;background-color: #0366C4;}
	.section2 .w1700 .bottom .box img{max-width: 40px;max-height: 30px;}
	.section2 .w1700 .bottom .box .p1{margin-top: 0;}
	.section2 .w1700 .bottom .box .top1{margin-top: 5px;}
	.section2 .w1700 .bottom .box{width: 33.33%;padding: 15px 0;}
	.section2 .w1700{padding-top: 100px;}
	.section2 .w1700 .bottom .box .top1 .txt,.section2 .w1700 .bottom .box .top1 .num{line-height: 1.5;}
	.section2 .w1700>.txt{margin: 0;}
	.section2 .w1700 .p{font-size: 0.5rem;}
	.section2 .w1700 .txt .btn{width: 50px;height: 50px;margin-top: 20px;background-size: cover;}
	.section2 .w1700 .bottom{margin-top: 20px;}
	 /* 留言 */
	 .index4 .left,.index4 .right{width:100%;height: auto;}
	 .index4 .left .intor{width:100%;margin: .5rem 0 0;line-height: 1.8;}
	 .index4 .left .info input,.index4 .left .info textarea,.index4 .left .info select{font-size:1.2rem}
	 .index4 .right li{font-size:0.5rem}
	 .index4 .right h3{font-size:1rem}
	 .index4 .left .info:focus-within{box-shadow:0 0 5px rgba(225,225,225,1)}
	ul.fs .box1 li{float:none;width:100%;}

	/* 首页子公司 */
	.anli1.swiper-container .swiper-slide{width: 12rem;}
	.anli1 .swiper-button-next{right: 0 !important;}	
	.anli1 .swiper-button-prev{left: 0 !important;}	

	/* 内页员工 */
	.anli.swiper-container .swiper-slide{width: 12rem;}

	/* 发展历程 */
	.fzlc{padding-left: 15px;padding-right: 15px;}
	.fzlc .swiper-top .h{margin: 0;}
	.fzlc .swiper-top .swiper-slide.swiper-slide-active .h{font-size: 30px;}
	.fzlc .swiper-top .p{font-size: 0.5rem;line-height: 1.8;}
	.fzlc .swiper-top .next1, .fzlc .swiper-top .prev1{width: 1.2rem;height: 1.2rem;background-size: cover;}
	.fzlc .gallery-thumbs{font-size: .7rem;margin-top: 1.5rem;}
	.fzlc .swiper-top .next1:hover, .fzlc .swiper-top .prev1:hover{    background-position-y: -1.2rem;}

	/* 员工 */
	.yggh .info{min-width: 100%;}

	/* 荣誉 */
	.ss777.swiper-slide{background-position: center;background-size: cover;width: 300px;border:5px solid #fff;}
	
	/* 内页横幅 */
	.fade_text{margin-top:80px;}
	.fade_text .cn span{font-size:20px;}
	.fade_text .en{font-size:16px;min-width: 100%;}
	.fade_text .line{margin:10px 0;}
	.form_box_box,ul.fs{width:100%;}
	.form_box_box{margin:0;padding:20px 0;box-shadow:none;}

	/* 产品列表 */
    #list .left_side{width:100%;position:static;margin-bottom:1rem}
	#list .left_side .box_one .title h3{font-size:22px;margin:12px 0 8px 0}
	#list .left_side .box_two{padding:1rem}
	#list .left_side .box_two .more{width:100%}
	#list .left_side .box_one ul li .son_nav a{padding-left: 1.5rem;}
	.product_list_two .item{width:49%;margin:0.5%;}
	.product_list_three .item{width:100%;margin:0 0 20px;}
	.product_list_three .item .info p{
		/* display: -webkit-box; */
		-webkit-line-clamp: 8;
		-webkit-box-orient: vertical;
		max-height: calc(var(--line-height, 1.4em) * 8);
		overflow-y: auto;
		overflow-x: hidden;
	}
	.product_list_one .item{width: 48%;margin:0 1% 20px;}
	.product_list_one .item .img{width: 100%;}
	.product_list_one .item .info{padding:10px 0 ;width: 100%;}
	.product_list_two .item .info{min-height:70px;}
	#list .right_side{float:none!important;width:100%!important;}

	/* 新闻 */
	.news_one .news_box li .img,.news_one .news_box li .info{float:none!important;width:100%;}
	.news_one .news_box li .img{height:200px;}
	.news_one .news_box li .info{padding-top:20px;height:auto;}
	.news_one .news_box li .info .time{padding:6px 0;}
	.news_one .news_box li .info .line{margin-bottom:6px;}
	.news_one .news_box li:hover .info{padding-top:20px;}
	.news_article_box .right_article{width:100%;float:none;background-color:#fff;margin-top:54px;}
	.news_article_box .h1_title h1{font-size:24px;font-weight:400;}
	.news_article_box .inner_content,.news_article_box .h1_title{padding:20px;}
	.news_two .news_box li{width:49%;margin:0.5%;}
	.news_two .news_box li a{padding:8px;}
	.news_two .news_box li .time strong{font-size:30px;}
	.news_one .news_box li .info h3{font-size: 14px;}
	.news_one .news_box li .info p{font-size: 12px;}
	.fixed_body .fixed_article{width:90%;height:500px;margin:-250px -45% 0 0;}
	.fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;}
	.fixed_body .fixed_article .fb_close i{margin-top:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}

	/* 产品详情页 */
	.pro_show_box{flex-direction: column}
	.img_big_box{width: 100% !important;}
	.info_big_box{width:100% !important;margin-top: 1rem;}
	.info_big_box h1{margin-top:0;}
	.info_big_box .info_1{margin-top:10px;}
	.info_big_box .share{margin:0 0 10px 0;}
	.xgcp_title{margin-top:10px;}
	.pub_title h4{font-size:24px;padding-top:30px;}
	.pub_title h4 img{width: 50px;margin: 0;}
	.pub_title p{font-size:16px;margin-bottom:20px;}
	.factory_box .pub_title,.section_seven .pub_title,.section_nine .pub_title{padding:20px 0;}
	.inner,.footer .inner,.footer .two{width:auto;padding:0 15px;}
	.section_four,.section_six,.section_nine,.join,.culture-list-box{height:auto;padding:30px 0;}

	/* 单页面 */
	.son_list{padding: 1rem 15px 0;flex-direction: column;gap: 0.5rem;}
	.son_list a{height:40px;line-height:40px;font-size:14px;padding:0;}

	/* 新闻 */
	.tabbox{padding:1rem 0 0;}
	.tabbox .tab,.tabbox .tab .item{width:100%;flex-direction: column;gap: 0.5rem;}
	.tabbox .tab .item{height: auto;background-color: #fff;padding: 0 !important;}
	.tabbox h3 strong{width: 100% !important;}
	.tabbox .tab .item .img{width:100%;height: auto;float: none;}
	.tabbox .tab .item .img img{width:100%;height: auto;}
	.tabbox .tab .item .info{width:100% !important;box-sizing:border-box;padding:15px !important;float: none;}
	.tabbox .tab .item h3{padding: 0 0 10px 0;}
	.tabbox .tab .item p{font-size: 14px;color: #222222;line-height: 22px;		height: 44px;		overflow: hidden;}
	.tabbox .tab .item:nth-child(n+2) .img img{max-height: none;}


	/* 底部 */
	#footer{padding: 30px 0 60px;}
	#footer .f2 dl dd{font-size: .5rem;}
	.copyright{height:auto;line-height:40px;margin-top: 30px;}
	#footer .f2{margin:0;float:none;}
	#footer .f4{width: 100%;float:none;text-align: center;margin-top: 15px;}
}

/*===================== 响应式代码 END =====================*/