<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 Document */
@media screen and (max-width: 1800px) {
	.mySwiper .swiper-slide .word{
		left: 60px;
	}
	.productSwiper .media{
		width: 70%;
	}
	.productSwiper .con{
		font-size: 38px;
	}
}
@media screen and (max-width: 1700px) {
	.news .swiper-slide .title{
		font-size: 24px;
		height: 90px;
	}
	.news .bd .intro{
		margin-top: -180px;
	}
	.news .swiper-slide .title{
		padding-top: 20px;
	}
	.news .swiper-slide .line{
		margin-top: 10px;
	}
	.news .swiper-slide:hover .con{
		margin-top: 20px;
	}
}
@media screen and (max-width: 1500px) {
	.mySwiper .swiper-slide .word{
		left: 60px;
	}
	.news .bd .intro{
		margin-top: -160px;
	}
	.news .swiper-slide .title{
		padding-top: 20px;
	}
	.news .swiper-slide .line{
		margin-top: 10px;
	}
	.productSwiper .con{
		height: 108px;
		overflow: hidden;
	}
	.news-list .list li .box{
		padding: 20px;
	}
}
@media screen and (max-width: 1400px) {
	.news .swiper-slide .title{
		line-height: 35px;
		height: 70px;
	}
	.news .bd .intro{
		margin-top: -150px;
	}
	.service .bd .list li{
		padding: 0 15px;
		box-sizing: border-box;
	}
	.video-list .bd .list li .box .media{
		padding: 30px 30px 30px 10px;
	}
}
@media screen and (max-width: 1300px) {
	.news .swiper-slide .title{
		line-height: 35px;
		height: 70px;
	}
	.news .swiper-slide .con{
		line-height: 24px;
		height: 48px;
	}
	.news .bd .intro{
		margin-top: -130px;
	}
	.footer .list li{
		width: 150px;
	}
	.productSwiper{
		padding-bottom: 35px;
	}
	.productSwiper .con{
		font-size: 24px;
		line-height: 34px;
		height: 68px;
	}
	.productSwiper .mark{
		margin-top: 20px;
	}
	.productSwiper .link{
		margin-top: 20px;
	}
	.news .bd .intro{
		left: 20px;
		right: 20px;
		margin-top: -110px;
	}
	.news .swiper-slide .title{
		height: 35px;
	}
	.news .swiper-slide .link a{
		width: 100%;
		box-sizing: border-box;
		background: url(../images/mark01.png) no-repeat 65% center;
	}
	.news-list .list li{
		width: 33.33%;
	}
	.news-list .list li.tlast .box{
		border-right: none;
	}
	.news-list .list li.rlast .box{
		border-right: 1px #dfdfdf solid;
	}
	.message .bd{
		padding: 0 60px;
		width: 100%;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 1200px) {
	.mySwiper .swiper-slide .word{
		left: 30px;
	}
	.new-product{
		padding: 10px 30px 0;
	}
	.news{
		padding: 10px 30px 0;
	}
	.application{
		padding: 30px 30px 20px;
	}
	.service{
		padding: 30px;
	}
	.footer{
		padding:20px 30px;
	}
	.application .intro .mark li{
		padding-right: 10px;
	}
	.news .bd .intro .mark img{
		width: 40px;
	}
	.ibanner{
		
	}
	.ibanner .entitle{
		font-size: 50px;
		height: 50px;
		line-height: 50px;
	}
	.ibanner .title{
		margin: 20px 0;
		font-size: 25px;
	}
	.inav{
		height: 60px;
		line-height: 58px;
	}
	.mold .hd .entitle{
		font-size: 68px;
	}
	.mold .hd .chtitle{
		font-size: 24px;
	}
	.company .bd .info{
		padding: 40px 30px;
	}
	.company .bd .media .info-left{
		padding: 0 30px;
	}
	.company .bd .media .info-list .li{
		padding: 0 20px;
	}
	.development .swiper-button-prev{
		left: 30px;
	}
	.development .swiper-button-next{
		right: 30px;
	}
	.development .bd{
		padding: 0 100px;
	}
	.video-list .bd .list li .box .intro .title{
		height: 60px;
		line-height: 60px;
	}
	.service-con .list li{
		width: 50%;
	}
	.service-con .list{
		width: 60%;
	}
	.service-con{
		height: auto;
		overflow: hidden;
		padding-bottom: 30px;
	}
	.product-list .list li .box .intro .title{
		font-size: 20px;
	}
	.more-detail{
		width: 100%;
		padding: 40px 30px;
		box-sizing: border-box;
	}
	.pbanner .info{
		width: 100%;
		padding: 40px 30px;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 1100px) {
	.mySwiper .swiper-slide .word .title{
		font-size: 30px;
	}
	.mySwiper .swiper-slide .word .con{
		font-size: 16px;
		margin-top: 10px;
	}
	.productSwiper .title .type{
		font-size: 34px;
	}
	.news .swiper-slide .time{
		font-size: 14px;
	}
	.news .swiper-slide .time .num{
		font-size: 24px;
	}
	.news .swiper-slide .title{
		font-size: 20px;
	}
	.application .intro .title{
		font-size: 30px;
		height: 40px;
		line-height: 40px;
	}
	.application .intro .mark{
		margin-top: 20px;
	}
	.company .bd .media .info-left{
		font-size: 14px;
		line-height: 24px;
	}
	.company .bd .media .info-left .title{
		font-size: 28px;
		margin-bottom: 15px;
	}
	
	.company .bd .media .info-list .li .mark img{
		width: 50px;
	}
	.company .bd .media .info-list .li .name{
		font-size: 28px;
	}
	.company .bd .media .info-list .li .num{
		text-align: right;
	}
	.company .bd .media .info-list .li .num img{
		width: 70%;
	}
	.news-detail .bd{
		padding: 50px 60px;
	}
	.video-list .bd .list li{
		width: 50%;
	}
}
@media screen and (max-width: 1000px) {
	.productSwiper .title{
		padding-top: 20px;
	}
	.news .swiper-slide .link{
		margin-top: 20px;
	}
	.footer .list li{
		width: 128px;
	}
	.news-list .list li{
		width: 50%;
	}
	.news-list .list li.tlast .box{
		border-right: 1px #dfdfdf solid;
	}
	.news-list .list li.rlast .box{
		border-right: 1px #dfdfdf solid;
	}
	.news-list .list li.slast .box{
		border-right: 1px #fff solid;
	}
	.service-con .list li{
		width: 50%;
	}
	.service-con .list{
		width: 100%;
		float: none;
		padding-left: 60px;
		box-sizing: border-box;
	}
	.service-con .mark{
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.top .nav .list li{
		width: 90px;
	}
	.top .logo{
		margin-right: 15px;
	}
	.mySwiper .swiper-pagination{
		width: 200px;
		height: 60px;
		line-height: 60px;
	}
	.mySwiper .swiper-button-next{
		bottom: 8px;
	}
	.mySwiper .swiper-button-prev{
		bottom: 8px;
		right: 204px;
	}
	.mySwiper .swiper-slide .word .con{
		line-height: 30px;
	}
	.new-product .hd{
		padding: 20px 0;
	}
	.news .hd{
		padding: 20px 0;
	}
	.service .bd .list{
		margin-top: 20px;
	}
	.footer .list{
		display: none;
	}
	.footer .right .shear{
		padding-top: 0;
	}
	.mySwiper .swiper-pagination{
		right: 30px;
	}
	.mySwiper .swiper-button-next{
		right: 67px;
	}
	.mySwiper .swiper-button-prev{
		right: 175px;
	}
	.mySwiper .swiper-slide .word .title{
		font-size: 20px;
		height: 40px;
	}
	.mySwiper .swiper-slide .word .con{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.mySwiper .swiper-slide .word .link a{
		height: 35px;
		line-height: 35px;
		width: 100px;
	}
	.mySwiper .swiper-slide .word{
		margin-top: -95px;
	}
	
	.productSwiper .link a{
		width: 100px;
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}
	.productSwiper .title{
		font-size: 16px;
		padding-top: 0px;
	}
	.inav{
		padding: 0 30px;
	}
	.company .bd .media{
		display: block;
		height: auto;
	}
	.company .bd .media .info-left{
		float: none;
		width: 100%;
		height: auto;
		padding: 30px;
	}
	.company .bd .media .info-list{
		float: none;
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
		
	}
	.company .bd .media .info-list .li{
		border-right: 1px rgba(255,255,255,0.45) solid;
		height: 300px;
	}
	.company .bd .media .info-list .li.select .round{
		margin-top: 22px;
	}
	.company .bd .media .info-list .li .name{
		margin-top: 20px;
	}
	.page{
		overflow: hidden;
		padding: 30px 0;
	}
	.page a,.page span{
		display: none;
	}
	.page a.prve,
	.page span.prve,
	.page a.next,
	.page span.next{
		display: inline-block;
		width: 100px;
		text-align: center;
		height: 40px;
		line-height: 40px;
	}
	.page span.disabled{
		background: #f8f8f8;
		color: #888;
	}
	.news-list{
		padding: 0 10px;
	}
	.news-list .list li .box .title{
		height: 80px;
		margin-bottom: 10px;
	}
	.news-detail .bd{
		padding: 30px 30px;
	}
	.news-detail .hd{
		padding: 0 30px 30px;
	}
	.news-detail .link{
		padding: 0 30px 30px;
	}
	.news-detail .link-box a.r{
		display: block;
		float: none;
		height: 45px;
		overflow: hidden;
	}
	.news-detail .link-box a.l{
		display: block;
		float: none;
		background: url(../images/mark04.png) no-repeat right center;
		padding-left: 0;
		height: 45px;
		overflow: hidden;
		padding-right: 25px;
	}
	.news-detail .link-box{
		height: auto;
		line-height: 45px;
		padding: 10px 15px;
	}
	.contact .info{
		left: 30px;
		height: auto;
	}
	.contact .info .other{
		overflow: hidden;
	}
	.message .bd{
		padding: 0 30px;
	}
	.contact .info{
		position: relative;
		margin: 30px;
		left: 0;
		top:0;
		width: calc(100% - 60px);
		box-sizing: border-box;
	}
	.service-con .list{
		padding-left: 30px;
	}
	.video-list{
		padding: 30px;
	}
	.help{
		padding: 30px;
	}
	.service-con .list li{
		padding-top: 15px;
	}
	.video-list .bd .list{
		padding-top: 20px;
	}
	.help-search{
		width: 100%;
		margin: 20px 0;
	}
	.product-list .list{
		padding: 10px 20px;
	}
	.product-list .list li{
		margin-top: 20px;
		width: 100%;
	}
	.product-list .list li .box{
		margin: 0 10px;
	}
	.product-list .list li .box .intro .title{
		font-size: 28px;
	}
	.pbanner .info .title{
		font-size: 36px;
	}
	.pbanner .info .title .type{
		font-size: 50px;
	}
	.pbanner .info .exp{
		font-size: 28px;
		padding-top: 20px;
	}
	.video .info .m img{
		width: 300px;
	}
	.video .info .word{
		font-size: 28px;
		height: 80px;
		line-height: 80px;
	}
	.allproduct .swiper-button-next{
		right: 30px;
	}
	.allproduct .swiper-button-prev{
		left: 30px;
	}
	.pSwiper .swiper-slide .title{
		font-size: 36px;
	}
	.pSwiper .swiper-slide .con{
		font-size: 20px;
	}
}
@media screen and (max-width: 800px) {
	.top .nav-mark{
		display: block;
	}
	.search-mark{
		display: none;
	}
	.top .nav{
		display: none;
	}
	.text01{
		height: 60px;
		font-size: 14px;
	}
	.search-txt .button{
		height: 60px;
	}
	.new-product .bd{
		width: 100%;
	}
	.company{
		padding: 20px 0 0;
	}
	.company .bd .info{
		font-size: 14px;
		padding: 20px 30px;
	}
	.development .bd{
		margin: 20px 0;
	}
}
@media screen and (max-width: 700px) {
	.video .info .vbutton{
		transform: scale(0.8);
	}
	.video .info .word{
		font-size: 24px;
		line-height: 30px;
		height: 30px;
		margin-bottom: 15px;
	}
	.video .info a{
		font-size: 14px;
	}
	.video .info a img{
		width: 15px;
	}
	.new-product .hd .title,
	.news .hd .title,
	.application .intro .title{
		font-size: 20px;
	}
	.new-product .hd .exp,
	.news .hd .exp{
		margin-top: 7px;
	}
	.application .intro .exp{
		font-size: 14px;
		margin-top: 0;
	}
	.application .intro{
		width: 100%;
	}
	.application .media{
		width: 100%;
		margin-top: 10px;
	}
	.service{
		display: none;
	}
	.ibanner{
		
	}
	.ibanner .entitle{
		font-size: 40px;
		height: 40px;
		line-height: 40px;
	}
	.company .bd .media .info-list .li .name{
		font-size: 20px;
		line-height: 30px;
	}
	.company .bd .media .info-list .li .round{
		display: none;
	}
	.company .bd .media .info-list .li.select .round{
		display: block;
	}
	.mold .hd .entitle{
		font-size: 50px;
	}
	.news-detail .hd .position .list{
		padding-left: 20px;
	}
	.news-detail .hd .position .list a{
		padding-right: 20px;
		padding-left: 0;
	}
	.news-detail .hd .position .list span{
		padding-left: 0;
	}
	.news-detail .hd .title{
		font-size: 20px;
		height: 60px;
		line-height: 60px;
	}
	.news-detail .hd{
		padding-bottom: 20px;
	}
	.button01{
		width: 100%;
	}
	.video-list .bd .list li{
		width: 100%;
	}
}
@media screen and (max-width: 500px){
	.new-product{
		padding: 0 15px;
	}
	.news{
		padding: 10px 15px 0;
	}
	.footer{
		padding: 10px 15px;
	}
	.application{
		padding: 15px;
	}
	.news .bd{
		padding: 15px 45px;
	}
	.productSwiper .media{
		width: 60%;
	}
	.productSwiper .word{
		width: 40%;
	}
	.productSwiper .con{
		margin-top: 0;
		font-size: 18px;
		line-height: 24px;
		height: 56px;
	}
	.productSwiper .mark{
		margin-top: 0;
	}
	.productSwiper .link{
		margin-top: 10px;
	}
	.new-product .bd{
		padding-top: 10px;
	}
	.productSwiper .link a{
		width: 90px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.productSwiper .title .type{
		font-size: 26px;
	}
	.productSwiper .title{
		font-size: 16px;
		padding-top: 0px;
	}
	.new-product .hd .exp, .news .hd .exp{
		display: none;
	}
	.new-product .hd .chose{
		width: 160px;
	}
	.new-product .hd .chose .tt{
		height: 30px;
		line-height: 30px;
		background: #fff url(../images/mark.png) no-repeat 140px center;
	}
	.new-product .hd .chose .list{
		padding: 10px;
		top: 35px;
	}
	.news .hd .more{
		margin-top: 0;
	}
	.news .hd .more a{
		height: 30px;
		line-height: 30px;
	}
	.productSwiper .swiper-button-next{
		width: 30px;
		height: 30px;
		right: -15px;
	}
	.news .swiper-button-next{
		width: 30px;
		height: 30px;
		right: 0px;
	}
	.news .swiper-button-prev{
		width: 30px;
		height: 30px;
		left: 0px;
	
	}
	.news .bd .intro{
		left:30px;
		right: 30px;
		margin-top: -145px;
	}
	.development .swiper-button-next{
		width: 30px;
		height: 30px;
		right: 20px;
		top: 84px;
	}
	.development .swiper-button-prev{
		width: 30px;
		height: 30px;
		left: 20px;
		top: 84px;
	}
	.news .swiper-slide .title{
		height: 70px;
	}
	.news .swiper-slide .con{
		height: 90px;
	}
	.footer .right .shear a{
		background-size: 90px;
		width: 20px;
		height: 20px;
		margin-left: 0px;
	}
	.footer .right .shear a.s02{
		background-size: 90px;
		background-position: -23px;
	}
	.footer .right .shear a.s03{
		background-size: 90px;
		background-position: -47px;
	}
	.footer .right .shear a.s04{
		background-size: 90px;
		background-position: -70px;
	}
	.footer .right .copy{
		margin-top: 0;
	}
	.mySwiper .swiper-pagination{
		width: 100px;
		height: 40px;
		line-height: 40px;
	}
	.productSwiper .con{
		height: 26px;
	}
	.productSwiper .mark{
		display: none;
	}
	.productSwiper{
		padding-bottom: 10px;
	}
	.productSwiper .media{
		margin-top: 10px;
	}
	.mySwiper .swiper-pagination .swiper-pagination-current{
		font-size: 20px;
	}
	.mySwiper .swiper-button-prev{
		right: 93px;
		bottom: -2px;
	}
	.mySwiper .swiper-button-next{
		right: 44px;
		bottom: -2px;
	}
	.video .info .word{
		font-size: 20px;
	}
	.footer .right{
		float: none;
		width: 100%;
	}
	.top .logo{
		padding-left: 15px;
	}
	.top .right{
		padding-right: 15px;
	}
	.inav .li{
		margin-right: 10px;
	}
	.inav .li a{
		padding: 0;
	}
	.inav{
		padding: 0 15px;
	}
	.development{
		padding: 0;
	}
	.company .bd .info{
		padding: 20px 15px;
	}
	.company .bd .media .info-left{
		padding: 20px 15px;
	}
	.company .bd .media .info-list{
		padding: 0 15px;
	}
	.development .swiper-button-prev{
		left: 15px;
	}
	.development .swiper-button-next{
		right: 15px;
	}
	.company .bd .media .info-list .li{
		padding: 0 10px;
	}
	.company .bd .media .info-list .li .mark{
		padding-top: 70px;
	}
	.company .bd .media .info-list .li .mark img{
		width: 30px;
	}
	.company .bd .media .info-list .li .line{
		top:60px
	}
	.company .bd .media .info-list .li .name{
		font-size: 16px;
	}
	.company .bd .media .info-list .li.select .line{
		top: 25px;
	}
	.mold .hd .entitle{
		font-size: 30px;
	}
	.mold .hd .chtitle{
		font-size: 20px;
		top: 38px;
	}
	.mold .hd .line{
		margin-top: 0;
	}
	.development .bd{
		margin-top: 0;
	}
	.company{
		padding: 0;
	}
	.mold .hd{
		height: 90px;
	}
	.company .bd .media{
		margin-top: 0;
	}
	.news-list{
		padding: 0;
	}
	.news-list .list li .box .time{
		font-size: 18px;
	}
	.news-list .list li .box .time .type{
		font-size: 40px;
	}
	.news-list .list li .box .title{
		font-size: 14px;
	}
	.news-list .list li .box .link a{
		width: 100%;
		box-sizing: border-box;
	}
	.news-list .list li .box{
		padding: 15px;
	}
	.news-detail .hd .position .list{
		display: none;
	}
	.news-detail .hd .position{
		height: 50px;
		line-height: 50px;
	}
	.news-detail .hd{
		padding: 0 15px 15px;
	}
	.news-detail .bd{
		padding: 15px;
	}
	.news-detail .link{
		padding: 0 15px 15px;
	}
	.contact .info{
		left: 0px;
	}
	.message .bd{
		padding: 0 15px;
	}
	.contact .info .li{
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.contact .info .other .cleft{
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.contact .info .other .cright{
		float: none;
		width: 100%;
	}
	.message .bd .li{
		width: 100%;
		margin-top: 20px;
		padding: 0;
	}
	.message .bd .li01{
		margin-top: 20px;
		padding: 0;
	}
	.message .bd .li02{
		margin-top: 20px;
		padding: 0;
	}
	.button01{
		width: 100%;
	}
	.service-con .list li{
		width: 100%;
		margin-top: 10px;
	}
	.help .list .li .slist .sli{
		width: 100%;
	}
	.help .list .li{
		width: 100%;
		margin-bottom: 20px;
	}
	.help{
		padding: 15px;
		padding-right: 15px;
	}
	.service-con .list{
		padding-left: 15px;
	}
	.service-con .list li{
		margin-top: 0;
		padding-top: 0;
		text-align: center;
	}
	.video-list{
		padding: 15px;
	}
	.video-list .bd .list li .box{
		margin: 0;
	}
	.video-list .bd .list li .box .intro .title{
		font-size: 20px;
		height: 40px;
		line-height: 40px;
	}
	.video-list .bd .list li .box .intro .c{
		font-size: 14px;
	}
	.video-list .bd .list li .box .media{
		padding: 15px 20px 15px 10px;
	}
	.help .list .li .title{
		font-size: 16px;
	}
	.help .list .li .slist{
		font-size: 14px;
		margin-top: 10px;
	}
	.service-con .list li .title{
		font-size: 20px;
	}
	.product-list .list li .box{
		padding: 10px;
	}
	.product-list .list li .box .intro .title{
		font-size: 20px;
	}
	.product-list .list li .box .intro .c{
		margin-top: 0px;
		display: none;
	}
	.product-list .list li .box .intro{
		width: 50%;
	}
	.product-list .list li .box .media{
		width: 50%;
	}
	.product-list .list{
		padding: 0 5px;
	}
	.product-list .list li .box .intro .link a{
		background: #fff url(../images/mark04.png) no-repeat 90px;
		display: inline-block;
		width: 100px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		border-radius: 100px;
		padding-right: 20px;
	}
	.pbanner .info .title{
		font-size: 26px;
	}
	.pbanner .info .title .type{
		font-size: 40px;
	}
	.pbanner .info .exp{
		font-size: 18px;
		padding: 0px 0 15px;
	}
	.pbanner .info .link a{
		margin-bottom: 15px;
	}
	.more-detail{
		padding: 15px;
	}
	.more-detail .title{
		font-size: 16px;
	}
	.more-detail .m{
		margin-top: 15px;
	}
}
@media screen and (max-width: 400px){
	.product-list .list li .box .intro .title{
		font-size: 18px;
	}
	.product-list .list li .box .intro .link{
		margin-top: 0px;
	}
}

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