<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */ 
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;}
.fixed{min-height:1%;}
* html .fixed{height:1%;}
a{text-decoration: none;}
img{border: 0; vertical-align: middle;}
ul,li,ol{list-style-type: none;}

.clear{clear: both;}

.title{font-size: 35px; color: #26297d; line-height: 24px; text-align: center; margin-bottom: 27px;}
.title span.en{position: relative; display: inline-block; font-size: 16px; color: #777777; line-height: 20px;}
.title span.en::before{content: ""; width: 50px; height: 1px; background-color: #7d7d7d; position: absolute; top: 50%; left: -64px;}
.title span.en::after{content: ""; width: 50px; height: 1px; background-color: #7d7d7d; position: absolute; top: 50%; right: -64px;}

.hide{visibility: hidden; height: 0;}

.more{display: inline-block; float: right;padding: 7px 47px 7px 40px; font-size: 13px; color: #555; border: 1px solid #555; text-transform: uppercase;}
.more:hover{color: #fff;border:1px solid #26297d;background: #26297d;}

body,font,form,ul,li,p,h1,h2,h3,h4,h5,h6,input,select,textarea,span,table,tr,th,td,a,b,dl,dt,dd{font-family:"Arial"; margin:0; padding:0; font-size:15px; color:#555;}

/*banner*/
.swiper-container { width:100%; min-width:1000px; position:relative; z-index:2;}
.swiper-slide {position: relative; float: left; width: 100%; padding-bottom: 33.85%; overflow: hidden;}/*padding-bottom: 33.85%;这里是调banner的高度，高650除以1920得出的数值*/
/*.swiper-slide img {position: absolute; left: -960px; display: block; margin-left: 50%;}*/
.swiper-slide img {position: absolute; top: 0; left: 0; width: 100%;}
.swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 43px!important; width: 1157px!important; padding-right: 43px; left: 50%!important; margin-left: -600px; text-align: right!important;}
.swiper-pagination-bullet{margin: 0 11px!important; background: #fff!important; opacity: 1!important; vertical-align: middle;}
.swiper-pagination-bullet-active{margin: 0 9px!important; width: 18px!important; height: 18px!important; background: url(../images/swiper-pagination-bullet_bg.png) no-repeat!important;}

/*.bannerbox .swiper-button{width: 20px; height: 37px; position: absolute; top: 50%; z-index: 10; margin-top: -18px; cursor: pointer; transition: opacity .5s linear; -moz-transition: opacity .5s linear; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; opacity: 0; filter: alpha(opacity=0);}*/
.bannerbox .swiper-button{width: 20px; height: 37px; position: absolute; top: 50%; z-index: 10; margin-top: -18px; cursor: pointer;}
/*.bannerbox .swiper-button::after{display: none;}*/
.bannerbox .nextbtn{background: url(../images/nexticon.png) no-repeat; right: 100px;}
.bannerbox .prevbtn{background: url(../images/previcon.png) no-repeat; left: 100px;}

/*
.bannerbox .nextbtn:hover{background: url(../images/nexticon1.png) no-repeat;}
.bannerbox .prevbtn:hover{background: url(../images/previcon1.png) no-repeat;}
.bannerbox:hover .swiper-button{opacity: 1; filter: alpha(opacity=100);}
*/



.contant{width: 100%;}

/**关于我们**/
.aboutWrap{width: 100%; background: #f2f2f2; padding: 36px 0 60px;}
.aboutWrap .wrapBox{padding: 20px 43px 0 46px;}
.aboutWrap .playBox{float: left; width: 521px; height: 322px; margin-right: 42px;}
.aboutWrap .txt{padding-top: 0px; color: #555; overflow: hidden;}
.aboutWrap .txt p{line-height: 30px;}
.aboutWrap .more{margin-top: 35px;}

/**主要设备**/
.deviceWrap{width: 100%; padding: 50px 0 60px; background: #fff;}
.tabTit{float: left; width: 220px; border-left: 3px solid #26297d;}
.tabTit li{position: relative; width: 190px; background-color: #f2f2f2;}
.tabTit li a{position: relative; display: block; width: 100%; height: 125px; background: url(../images/link.png) center top no-repeat; color: #333; cursor: pointer; z-index: 10;}
.tabTit li a.taben{position: relative; display: block; width: 100%; height: 40px; padding: 43px 0 42px; background: url(../images/link.png) center top no-repeat; color: #333; cursor: pointer; z-index: 10;}
.tabTit li:first-child a{background: none;}
.tabTit li i{display: inline-block; width: 31px; height: 31px; margin: 47px 8px 47px 37px; vertical-align: middle;}
.tabTit li .taben i{float: left; margin: 5px 8px 0 37px;}
.tabTit li i.icon_1{background: url(../images/icon.png) 0 0 no-repeat;}
.tabTit li i.icon_2{background: url(../images/icon.png) 0 -41px no-repeat;}
.tabTit li i.icon_3{background: url(../images/icon.png) 0 -82px no-repeat;}
.tabTit li:hover a, .tabTit li.on a{background: none; color: #fff;}
.tabTit li:hover i.icon_1, .tabTit li.on i.icon_1{background: url(../images/icon.png) -59px 0 no-repeat;}
.tabTit li:hover i.icon_2, .tabTit li.on i.icon_2{background: url(../images/icon.png) -59px -41px no-repeat;}
.tabTit li:hover i.icon_3, .tabTit li.on i.icon_3{background: url(../images/icon.png) -59px -82px no-repeat;}
.tabTit li img{display: none; width: 238px; height: 155px; position: absolute; top: -7px; left: -15px; z-index: 9;}
.tabTit li:hover img, .tabTit li.on img{display: block;}
.tabContent{position: relative; float: right; width: 934px; height: 375px; overflow: hidden;}
.tabContent&gt;div{width: 934px; height: 100%; position: absolute; overflow: hidden;}
.mould, .production, .test{position: relative; width: 100%; overflow: hidden;}
.mould .swiper-slide, .production .swiper-slide, .test .swiper-slide{float: left; width: 460px!important; height: 323px!important; margin-right: 13px; padding-bottom: 0!important;}
.mould .swiper-slide img{position: relative; left: 0; margin: 0; max-width: 100%;}
.mould .swiper-slide .mask, .production .swiper-slide .mask, .test .swiper-slide .mask{display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-top: 144px; background: url(../images/probg.png) repeat; text-align: center; z-index: 9;}
.mould .swiper-slide .mask .name, .production .swiper-slide .mask .name, .test .swiper-slide .mask .name{font-size: 20px; color: #fff;}
.mould .swiper-slide .mask .check, .production .swiper-slide .mask .check, .test .swiper-slide .mask .check{display: inline-block; padding: 6px 0; font-size: 12px; color: #989898;}
.mould .swiper-button, .production .swiper-button, .test .swiper-button{width: 42px; height: 98px; position: absolute; top: 113px; z-index: 10; cursor: pointer;}
.mould .prev, .production .prev1, .test .prev2{background: url(../images/icon.png) 0 -123px no-repeat; left: 0;}
.mould .next, .production .next1, .test .next2{background: url(../images/icon.png) -48px -259px no-repeat; right: 1px;}
.mould .prev:hover, .production .prev1:hover .test .prev2:hover{background: url(../images/icon.png) 0 -259px no-repeat; left: 0;}
.mould .next:hover, .production .next1:hover .test .next2:hover{background: url(../images/icon.png) -48px -123px no-repeat; right: 1px;}
.mould&gt;.swiper-pagination-bullets, .mould.swiper-pagination-custom, .mould.swiper-pagination-fraction,
.production&gt;.swiper-pagination-bullets, .production.swiper-pagination-custom, .production.swiper-pagination-fraction,
.test&gt;.swiper-pagination-bullets, .test.swiper-pagination-custom, .test.swiper-pagination-fraction
{width: 100%!important; margin: 18px 0 0 -9px!important; padding: 0!important; text-align: left!important;}
.pageBtn .swiper-pagination-bullet, .pageBtn1 .swiper-pagination-bullet, .pageBtn2 .swiper-pagination-bullet{margin: 0 11px!important; background: #26297d!important; opacity: 1!important; vertical-align: middle;}
.pageBtn .swiper-pagination-bullet-active, .pageBtn1 .swiper-pagination-bullet-active, .pageBtn2 .swiper-pagination-bullet-active{margin: 0 9px!important; width: 18px!important; height: 18px!important; background: url(../images/icon.png) 0 -231px no-repeat!important;}
.tabContent&gt;div&gt;.more{position: absolute; right: 0; bottom: 0;}


.boxsWrap{width: 100%; height: auto; padding-top: 24px; background: url(../images/product_bg.jpg) center top no-repeat;}
.boxsWrap .tit{margin: 36px 0 0; padding-bottom: 29px; color: #fff;}
.boxsWrap .tit span.en{color: #fff;}
.boxsWrap .tit span.en::before, .boxsWrap .tit span.en::after{background-color: #fff;}
.boxsWrap .wrap1200{background-color: #fff; position: relative;}

/**产品展示**/
.boxsWrap .product{width: 1108px; margin: 0 auto; padding: 46px 0 26px; overflow: hidden;}
.product .swiper-slide{float: left; width: 355px!important; height: 388px!important; margin: 0 7px; padding: 0 0 57px 0;}
.product .swiper-slide a{display: block; width: 353px; height: 272px; line-height: 272px; border: 1px solid #eee; overflow: hidden;text-align: center;}
.product .swiper-slide img{max-width: 100%; position: relative; margin: 0;width: auto!important;}
.product .swiper-slide p{width: 100%; height: 40px; line-height: 40px; font-size: 24px; color: #fff; background-color: #3c3f99; text-align: center;}
.product .swiper-slide span{padding: 14px 14px 0; line-height: 20px; font-size: 14px; color: #555; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.product .swiper-button{width: 42px; height: 98px; position: absolute; top: 135px; z-index: 10; cursor: pointer;}
.product .prev3{background: url(../images/icon.png) 0 -123px no-repeat; left: 0;}
.product .next3{background: url(../images/icon.png) -48px -259px no-repeat; right: 0;}
.product .prev3:hover{background: url(../images/icon.png) 0 -259px no-repeat; left: 0;}
.product .next3:hover{background: url(../images/icon.png) -48px -123px no-repeat; right: 0;}
.product&gt;.swiper-pagination-bullets, .product.swiper-pagination-custom, .product.swiper-pagination-fraction{width: 100%!important; margin: 0!important; padding: 0!important; left: 0!important; bottom: 0!important; text-align: center!important;}
.pageBtn3 .swiper-pagination-bullet{margin: 0 11px!important; background: #26297d!important; opacity: 1!important; vertical-align: middle;}
.pageBtn3 .swiper-pagination-bullet-active{margin: 0 9px!important; width: 18px!important; height: 18px!important; background: url(../images/icon.png) 0 -231px no-repeat!important;}
.grayWrap{width: 1094px; margin: 0 auto; padding: 14px 0; background-color: #f2f2f2; text-align: center;}
.grayWrap .more{float: none;}

/**主要客户**/
.partnersWrap{margin-bottom: 22px;}
.partnersWrap .title{margin-top: 60px;}
.partnersWrap ul{width: 100%;}
.partnersWrap ul li{width: 283px; height: 106px; border: 1px solid #eeeeee; float: left; margin: 0 15px 40px 0; overflow: hidden;}
.partnersWrap ul li:nth-child(5n){margin-right: 0;}
.partnersWrap ul li img{width: 100%;}

/**资讯动态**/
.newWrap{width: 100%; padding: 60px 0; background-color: #f2f2f2;}
.newMain .imgbg{width: 365px; height: 426px; float: left; background: url(../images/newimg.jpg) no-repeat;}
.newMain_r{float: right; width: 800px; background-color: #fff;} 
.newMain_r li{padding: 23px 0;} 
.newMain_r li.on, .newMain_r li:hover{background-color: #26297d;} 
.newMain_r i{display: inline-block; float: left; width: 133px; border-right: 1px solid #f3f3f3; font-family: "苹果丽黑"; font-size: 60px; font-style: inherit; color: #eee; text-align: center;} 
.newMain_r .txt{position: relative; padding: 0 39px 0 31px; overflow: hidden;}
.newMain_r p{font-size: 18px; color: #333; width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newMain_r span{margin-top: 15px; width: 80%; font-size: 14px; color: #777; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newMain_r sub{font-size: 14px; color: #999; position: absolute; top: 0; right: 39px;}
.newMain_r li.on p, .newMain_r li.on span, .newMain_r li.on sub,
.newMain_r li:hover p, .newMain_r li:hover span, .newMain_r li:hover sub{color: #fff;} 
.newMain .more{margin-top: 27px;}

/**地图**/
.lxWrap{width: 100%; padding: 60px 0;}
.my-map { float: left; margin: 0 auto; width: 881px; height: 407px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.codeWrap{float: right; text-align: center; font-size: 0;}
.code{width: 218px; height: 218px; line-height: 218px; margin-top: 31px; border: 1px solid #e5e5e5; text-align: center;}
.code img{display: inline-block; max-width: 100%; vertical-align: middle;}
.codeWrap i{display: inline-block; width: 50px; height: 1px; margin: 27px 0 24px; background-color: #d2d2d2;}
.codeWrap i{display: inline-block; width: 50px; height: 1px; margin: 27px 0 24px; background-color: #d2d2d2;}
.codeWrap p{width: 219px; padding: 5px 0; background-color: #26297d; font-size: 17px; color: #fff;}


/*
@media screen and (max-width:1600px){ 
.bannerbox .nextbtn{right: 5%;}
.bannerbox .prevbtn{left: 5%;}
}
*/
@media screen and (max-width:1280px){ 
.bannerbox .nextbtn{right: 15px;}
.bannerbox .prevbtn{left: 15px;}
}



</pre></body></html>