<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS By Starry */
/* QQ 823910005 */

/* 基础布局 */
* { margin: 0; padding: 0;list-style: none; }
body { line-height: 28px; font: 16px/30px "Microsoft YaHei","FreeSans, Arimo","Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","Roboto, Arial", "sans-serif"; margin-bottom: 0px; background:#fff;}
input { border-radius: 0px; }
li, ul, ol { list-style: none; }
img { border: none; vertical-align: middle;display: block;}
a { text-decoration: none; color: #333; }
a:hover { color: #eb3d01; text-decoration: none; }

/* 字体加载 */
@font-face{font-family:'AvantGardeGothicITC';src:url('/static/style/starry/fonts/AvantGardeGothicITC.eot?#iefix');src: url("/static/style/starry/fonts/AvantGardeGothicITC.eot?#iefix") format("eot"), url("/static/style/starry/fonts/AvantGardeGothicITC.ttf")}

/* 全局调用 */
.main {background: #f5f5f5;overflow: hidden; padding-top: 60px;}
.clear{clear:both}.clear::after {content: "";clear:both;display: block;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}.clearfix{*zoom:1;}
.fl {float: left;}
.fr {float: right;}
.b-white {background:#fff;}
.b-gray { background: #f5f5f5;}
.b-red { background-color: #EC7976;}
.b-777 { background: #63626A;}
.c-white {color: #fff !important;}
.c-333 {color: #333 !important;}
.c-444 {color: #444 !important;}
.c-666 {color: #666 !important;}
.c-999 {color: #999 !important;}
.f-size-12 {font-size: 12px;}
.f-size-13 {font-size: 13px;}
.f-size-15 {font-size: 15px;}
.f-size-16 {font-size: 16px;}
.f-size-18 {font-size: 18px;font-weight: 400;}
.f-size-20 {font-size: 20px;font-weight: 400;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.pt10 {padding-top: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.plr15 {padding-left: 15px; padding-right: 15px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mb10 {margin-bottom: 10px;}
.mt20 {margin-top: 20px;}.mt30 {margin-top: 30px;}
.mb20 {margin-bottom: 20px;}
.border-t1 { border-top: 1px solid rgba(0, 0, 0, 0.07);}.border-b1 { border-bottom: 1px solid rgba(0, 0, 0, 0.07);}.border1 {border: 1px solid rgba(0, 0, 0, 0.07);}
.box-shadow {-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05); box-shadow: 0 1px 5px rgba(0,0,0,.05);}
.box_vertical {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.block{display: block;}.inline-block {display: inline-block;}
.text-c,.t-center {text-align: center;}
.border-box {box-sizing: border-box; }
.relative {position: relative}
.ellipsis {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ellipsis2,.ellipsis3,.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipsis3 {-webkit-line-clamp: 3;}.ellipsis4 {-webkit-line-clamp: 4;}
.ov {overflow: hidden;}
.hidden {display: none;}
.mximg100 img {max-width: 100%;display: block;}
.w100 {width: 100%;}
.w50 {width: 50%;}
.f0 {display: block; font-size: 0; width: 0; height: 0; line-height: 0; overflow: hidden;}
.xk .w100 {width: 100%;}.xk .col-2 {width: 50%;}.xk .col-3 {width: 33.33%;}.xk .col-4 {width: 25%;}.xk .col-5 {width: 20%;}.xk .col-6 {width: 16.66%;}.xk .col7-3 {width: 70%;}.xk .col3-7 {width: 30%;}.xk .col6-4 {width: 60%;}.xk .col4-6 {width: 40%;}
.yd-3{transition:all .3s;}.yd-5 {transition:all .5s;}
.w-100 {width: 100%;}
.max100,.max100 img{max-width: 100%;}
.zt-color{color: #eb3c00;}.tit-color {color: #212f40;}.sub-color {color: #738190;}
.xk-hr::after {content: '';position: absolute;left: 0;bottom: 0;width: 50px;height: 2px;background: #eb3c00;}
.t-center.xk-hr::after,.text-c.xk-hr::after {right: 0; margin: 0 auto;}
.hover:hover {color: #eb3c00;}
.f-ava {font-family:'AvantGardeGothicITC'}
.column-nav_list { padding: 7.5px 15px; font-size: 0; height: 35px; line-height: 35px;}
.column-nav_list span {font-size: 14px; color: #999;}
.column-nav_list a { margin: 0 3px; color: #555; font-size: 14px; padding-right: 18px; position: relative;}
.column-nav_list a::before { content: ''; display: block; background: url(../images/z_right.png) no-repeat center center; position: absolute; top: 0; right: 0; width: 15px; bottom: 0; background-size: 15px;}

.time5_1 {animation-name: fadeInUp; animation-delay: .1s;}.time5_2 {animation-name: fadeInUp; animation-delay: .2s;}.time5_3 {animation-name: fadeInUp; animation-delay: .3s;}
.time5_4 {animation-name: fadeInUp; animation-delay: .4s;}.time5_5 {animation-name: fadeInUp; animation-delay: .5s;}

.time10_0,.time10_1,.time10_2,.time10_3,.time10_4,.time10_5,.time10_6,.time10_7,.time10_8,.time10_9,.time10_10 {animation-name: fadeInUp;}
.time10_0 {animation-delay: .1s;}.time10_1 {animation-delay: .15s;}.time10_2 {animation-delay: .2s;}.time10_3 {animation-delay: .25s;}.time10_4 {animation-delay: .3s;}.time10_5 {animation-delay: .35s;}.time10_6 {animation-delay: .4s;}.time10_7 {animation-delay: .45s;}.time10_8 {animation-delay: .5s;}.time10_9 {animation-delay: .55s;}.time10_10 {animation-delay: .6s;}
	
/* 全局顶部 */
.header {height: 60px;background: #fff;box-shadow: 0 0px 5px rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;right: 0;z-index: 999;height: 60px;overflow: hidden;}
.header .logo {float: left;height: 40px;padding: 10px;}
.header .logo img {height: 100%;}
#nav {padding: 0 20px;}
.mobile-inner-header-icon{color: #656565;height: 60px;font-size:25px;text-align: center;float:right;width: 60px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: rgb(154, 154, 154);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst{0%{transform: translateY(4px) rotate(0deg);}
100%{transform: translateY(0) rotate(45deg);}}
@keyframes clicksecond{0%{transform: translateY(-4px) rotate(0deg);}
100%{transform: translateY(0) rotate(-45deg);}}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);}
100%{transform: translateY(-4px) rotate(0deg);}}
@keyframes outsecond{0%{transform: translateY(0) rotate(45deg);}
100%{transform: translateY(4px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(255, 2525, 255, 0.98);width: 100%;position: fixed;top: 60px;left: 0px;padding-top: 20px;padding-bottom: 30px;display: none;z-index: 100;bottom: 0;}
.mobile-inner-nav dl dt {height: 47px;border-bottom: solid 1px rgba(0, 0, 0, 0.05);font-size: 16px;display: block !important;width: 100%;line-height: 47px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.mobile-inner-nav dl dt&gt;a {display: block;color: #444;padding: 0 10px;}
.mobile-inner-nav dl dt a span { display: inline-block;}
.mobile-inner-nav dl dt a span.circle { width: 8px;  height: 8px; border: #AAA 1px solid; border-radius: 5px; margin-right: 20px;}
.mobile-inner-nav dl dt.active a span {color: #141414;background: #eb3c00;border-color: #eb3c00 !important;}
/* .mobile-inner-nav dl dt.active {background: rgba(0,0,0, 0.02);} */
.mobile-inner-nav dl dt.active &gt;a {color: #eb3c00;}
.mobile-inner-nav dl dd {display: none;}
.mobile-inner-nav dl dd.subnav {padding: 5px 0;/* background: rgba(0,0,0,.025); */border-bottom: solid 1px rgba(0, 0, 0, 0.05);}
.mobile-inner-nav dl dd.subnav a {padding-left: 40px;padding-right: 10px;height: 40px;line-height: 40px;display: block;font-size: 15px;}
.mobile-inner-nav dl dt{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}@-webkit-keyframes returnToNormal{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes returnToNormal{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.mobile-inner-nav dl dt i,dd.subnav i {color: #999; font-size: 14px;}dd.subnav i {margin-right: 5px;}

/* 全局底部 */
.footer { padding: 20px 15px; color: #aaaaaa; line-height: 1.8; font-size: 13px;}
.footer a {color: #aaa;}

/* 首页幻灯片 */
.banner-box {width: 100%; height: 0; padding-bottom: 50%;}
.banner-box .banner {position: absolute;left: 0; top: 0; width: 100%; height: 100%;}
.banner-box .banner .swiper-slide {background-position: center; background-size: cover;}
.banner-box .banner .swiper-slide a {display: block;width: 100%;height: 100%;}
.banner .b-pagination {background: rgba(255,255,255,.2); width: fit-content; padding: 7px; border-radius: 50px; margin: 0 auto; right: 0;}
.banner .swiper-pagination-bullet {background: #999; opacity: .7;}
.banner .b-pagination .swiper-pagination-bullet-active {background: #eb3c00; opacity: 1;}

/* 首页内容 */
.index-body { width: 100%; overflow: hidden; padding: 30px 0;}
.index-body .head_title {padding: 0 15px;}
.index-body .head_title h3 {font-size: 22px;color: #333;font-weight: bold;}
.index-body .head_title p {font-size: 15px;color: #888;line-height: 20px;}
.head_adv .info p.title {font-size: 24px; font-weight: bold;}
.head_adv .info p.subtitle {font-size: 13px;}
.head_adv .head_contact i { width: 20px; height: 20px; background: #b7b7b7; margin-right: 5px; color: #FFF; vertical-align: middle; display: inline-block; text-align: center; line-height: 20px; border-radius: 3px;}
.head_adv .head_contact p.number {font-size: 25px;}

/* 数值表现 */
#data .mcounter .container_content{position:absolute;width:100%;height:190px;}
#data .mcounter .content_list{width:100%;padding:0}
#data .mcounter .content_list::after{content:"";display:block;clear:both}
#data .mcounter .content_list li{float:left;text-align:center;padding: 10px 0;overflow: hidden;}
#data .mcounter .content_list li .title{font-size: 16px;color: #666;}
#data .mcounter .content_list li p.number .counterDX{font-size: 30px;margin-top:15px;line-height: 25px;font-weight: bold;}
#data .mcounter .content_list li p.number .title{font-size:13px;line-height:30px}
#data .mcounter .content_list li p.number .unit{position:relative;left: 5px;font-size: 15px;bottom: 2px;}

/* 产品展示 */
#products .products_list {margin-left: 2%;}
#products .products_list ul {overflow: hidden;}
#products .products_list ul li {width: 48%;margin-right: 2%;margin-bottom: 2%;}
#products .products_list ul li a {display: block;/* padding: 5px 0; */}
#products .products_list ul li .products_img {position: relative; overflow: hidden; display: block; width: 100%; padding-bottom: 70%; height: 0;}
#products .products_list ul li .products_img div {position: absolute;left: 0;top: 0;height: 100%;background-position: center center;background-size: cover;transition: all .4s ease;box-sizing: border-box;right: 0;}
#products .products_list ul li .products_info {padding: 5px 10px;overflow: hidden;}
#products .field-pagination {}

/* 应用领域 */
.w-fieldList #fieldList {padding: 10px 0 35px;}
.w-fieldList .swiper-slide {width: 80%;box-shadow: 0 0 10px #e0e0e0;}
.w-fieldList .field-img-box {width:100%; height: 0; padding-bottom: 65%;}
.w-fieldList .field-img-box .field-img {position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-position: center; background-size: cover;}
.w-fieldList .field-text {line-height: 30px;font-size: 15px;height: 100px;}
.w-fieldList .field-text p.title {font-size: 16px;font-weight: bold;}
.w-fieldList .field-text p.description {line-height: 25px;height: 75px;}
#fieldList .field-pagination,.device_pagination {bottom: 0;}
#fieldList .field-pagination .swiper-pagination-bullet-active,.device_pagination .swiper-pagination-bullet-active {background: #eb3c00;}

/* 加工分类 */
.field .info {padding: 10px 15px;}
.field .info p.title {font-weight: bold;font-size: 17px;}

/*首页关于我们*/
#about .about_box,.device-info,.device_swiper {padding: 0 20px 20px;}
#about .about_info,.device-info {font-size: 15px; color: #666; line-height: 28px; text-align: justify;}
.about-video-box {width: 100%; position: relative; height: 0; padding-bottom: 56.25%;background: #FFF;overflow: hidden;}
#video {width: 100% !important; height: 100% !important;}
#video object, #video embed { width: 100% !important; height: 100% !important; position: absolute;}
#video #ckplayer_a1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.about_content {color: #555; font-size: 15px; line-height: 30px;}
.about_content img {float: none; display: block; margin: 15px auto; max-width: 100%;}
.about_nav {overflow: hidden;}
.about_nav li {width: 20%;position: relative; padding: 10px 0;}
.about_nav li::after {content: "";position: absolute;right: 0;top: 20px;bottom: 20px;width: 1px;background: #eaeaea;}
.about_nav li:nth-child(5)::after {background: transparent;}
.about_nav li a {display: block;}
.about_nav li a .nav_ico {display: block;font-size: 30px;text-align: center;height: 40px;line-height: 40px;color: #999;}
.about_nav li a span {text-align: center;color: #666;display: block;line-height: 24px; font-weight: 600;}

/* 内页联系 */
.call-box .call {height: 47px;width: 230px;margin: 0 auto;}
.call-box .call .ico {width: 48px;height: 48px;line-height: 48px;color: #eb3c00;border: 1px solid #eb3c00;border-radius: 50%;/* background: #eb3c00;*/}
.call-box .call .ico i {font-size: 2rem;}
.call-box .call .tel {margin-left: 10px;line-height: 25px;color: #eb3c00;font-size: 22px;text-align: left;}
.call-box .call-r {width: 100%; height: 55px; position: relative;}
.call-box .call-r .call {width: 100%;margin: 0;text-align: center;height: 50px;}
.call-box .call-r .call .tel {float: none;display: inline-block;height: 50px;vertical-align: middle;margin-left: 5px;}
.call-box .call-r .call .ico {display: inline-block;vertical-align: middle; float: none;}

/* 我们的优势 */
.advantage-list {margin-left: 2%;}
.advantage-list ul li {width: 48%; margin-right: 2%; margin-bottom: 2%;}
.advantage-list ul li .adv-img {width: 100%; height: 0; padding-bottom: 65%; background-position: center; background-size: cover;}
.advantage-list ul li .adv-info {background: #F5F5F5;}
.advantage-list ul li .adv-info p.title {font-weight: bold;font-size: 16px;}
.advantage-list ul li .adv-info p.description {font-size: 14px; line-height: 20px; height: 60px;}

/* 生产设备 */
.device_swiper {width: 100%;height: 0;padding-bottom: 55%;}
.device_swiper .device_img {position: absolute; left: 20px; top: 0; right: 20px; height: 100%;}
.device_swiper .device_img #device_img {width: 100%; height: 100%;padding-bottom: 30px;}
#device_img .swiper-slide {background-position: center; background-size: cover;}
#device_img .swiper-slide p.title {position: absolute;background: rgba(0, 0, 0, .5);height: 40px;line-height: 40px;bottom: 0;width: 100%;color: #FFF;font-size: 15px;}

/* 成功案例 */
.case_list ul {padding: 0 20px;}
.case_list ul li {padding: 20px 10px;border-bottom: 1px solid rgba(0,0,0,.08);}
.case_list ul li a {display: block; width: 100%; height: 100%;}
.case_list ul li .case_img {position: absolute;left: 0;top: 20px;width: 130px;height: 90px;background-position: center;background-size: cover;}
.case_list ul li .case_info {margin-left: 135px;color: #999;font-size: 13px;line-height: 20px;}
.case_list ul li .case_info p.title {font-size: 16px; height: 20px ;}
.case_list ul li .case_info p.description {height: 40px;margin: 5px 0 10px;}
.case_list ul li .case_info span.date {font-size: 12px;line-height: 15px;display: block;overflow: hidden;height: 15px;}

/* 合作客户 */
#partner .partner_list ul {padding: 0 20px;margin-right: -2%;}
#partner .partner_list ul li {width: 31.33%;height: 0;padding-bottom: 18%;background-size: 100% 100%;background: #FFF;margin-right: 2%;margin-bottom: 2%;}
#partner .partner_list ul li .partner_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #f5f5f5;}
#partner .partner_list ul li .partner_img {width: 100%; height: 100%;}
#partner .partner_list ul li .partner_img img {max-width: 88%;max-height: 85%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* 新闻资讯 */
#news .new_list {padding: 0 20px;}
#news .new_list li {padding: 20px 0 15px;border-bottom: 1px solid rgba(0,0,0,.08);display: block;overflow: hidden;}
#news .new_list li a {display: block;position: relative;overflow: hidden;height: 95px;}
#news .new_list li a .content {color: #999;line-height: 20px;font-size: 12px;position: absolute;left: 0;top: 0;right: 145px;}
#news .new_list li a .content .title {padding: 0;color: #444;font-size: 15px;height: 20px;margin-bottom: 10px;font-weight: 400;}
#news .new_list li a .content .info {height: 40px;font-size: 12px;color: #888;margin-bottom: 5px;}
#news .new_list li a .content .date,#news .new_article_list li .content .column {color: #999;display: inline-block;margin-right: 5px;}
#news .new_list li a .news_img {position: absolute;right: 0;top: 0;width: 130px;height: 90px;background-position: center;background-size: cover;}
#news .new_list li a .content i {margin-right: 3px;vertical-align: -2px;}

/* 联系我们 */
#contactinfo {padding: 10px 20px;}
#contactinfo h3 {line-height: 25px;margin-bottom: 10px;font-weight: normal;}
#contactinfo p {line-height: 25px;font-size: 15px;color: #666;width: 100%;}
.online {overflow: hidden;text-align: center;}
.online li {width: 120px;height: 40px;margin: 0 5px;border-radius: 3px;font-size: 14px;text-align: center;line-height: 40px;display: inline-block;}
.online li.ico-qq {background: #1E9FFF}
.online li.ico-wx {background: #5FB878}
.online li.ico-wb {background: #FF5722}
.online li a {color: #fff; display: block; width: 100%; height: 100%;}
.online li a i {font-size: 25px;margin-right: 5px;vertical-align: middle;}

#goodcover{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 133%;background-color: rgba(0,0,0,0.6);z-index: 1001;;}
#code{width: 180px;height: 210px;background-color: #fff;padding: 10px;position: absolute;display: none;left: 45%;z-index: 1002;}


.more {width: 45%;height: 40px;line-height: 40px;background: #F5F5F5;margin: 20px auto 0;text-align: center;font-size: 13px;border-radius: 3px;animation-delay: .3s;border: solid 1px #e5e5e5e5;}
.more a {color: #999;display: block;}

/* 底部版权 */
.footer {height: auto; border-top: 1px solid #f0f2f5; padding: 20px 15px;  color: #999;line-height: 1.8; font-size: 13px;}
.footer a,.footer p a {color: #999;}


/* 英文版适配 */
.en .culture ul li {min-height: 300px;}
.en #products .article_parameter .parameter li {border: 1px solid #eee; margin-bottom: 5px;}
.en #products .article_parameter .parameter p { line-height: 20px; padding: 5px 10px 5px 0; margin-bottom: 0;}
.en #products .article_parameter table tbody tr {margin-bottom: 5px;height:32px}
.en #products .article_parameter .parameter span {width: 130px;}



/******** 小屏自适应调整 ********/
@media (max-width: 400px) {
	.head_adv .info p.title {font-size: 20px;}
	.call-box .call .tel {font-size: 20px;}
	.head_adv .info p.subtitle {font-size: 12px;}
	.online li {width: 110px;}
}
@media (max-width: 370px) {
	.head_adv .info p.title {font-size: 20px;}
	.call-box .call .tel {font-size: 20px;}
	.head_adv .info p.subtitle {font-size: 12px;}
	.online li {width: 110px;}
}</pre></body></html>