<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{padding-top: 0}
body.menu-on{height: 100vh;overflow: hidden}
.btn{width: 110px;height: 35px;line-height: 35px;font-size: 1.3rem}
.container{width: 100%}

#header{position:relative;transition: 0.5s;z-index: 99999999;height: 70px;}
#header .logo{height: 50%;display: flex;align-items: center;padding-left: 20px}
#header .logo img{height: 50%;width: inherit;}
#header .r .login{position: absolute;right: 100px}
#header .menu-btn{display:flex;align-items:center;justify-content:center;width:70px;height:70px;position:absolute;right:0}
#header .menu-btn span,#header .menu-btn::after,#header .menu-btn::before{content:'';position:absolute;width:30px;height:2px;background:#666;}
#header .menu-btn::before{top:23px}
#header .menu-btn::after{bottom:23px}
#header .menu-head{background:#fff;position:fixed;right:-70%;top:0;padding:0;width:70%;margin:0;}
#header .menu-head ul li{width:100%!important;box-sizing:border-box;line-height: 50px;margin: 0 !important;}
#header .menu-head ul li img{display: none !important;}
#header .menu-head ul li a{padding: 0 !important;height: 50px !important;line-height: 50px !important;width: 100%;margin-bottom:0 !important;}
#header .menu-head ul li .btn-dropdown{width: 50px;height: 50px;position: absolute;right: 0;top: 0;margin: 0;}
#header .menu-head ul li .btn-dropdown::before{content:"";width:7px;height:7px;position:absolute;right:50%;top:50%;box-sizing:border-box;border-width:1px 0 0 1px;border-style:solid;border-color:initial;-webkit-transform:rotate(135deg) translate(0,-50%);transform:rotate(135deg) translate(0,-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
#header .menu-head ul li.on a .btn-dropdown::before{-webkit-transform:rotate(225deg) translate(0,-50%);transform:rotate(225deg) translate(0,-50%);}
#header .menu-head .first{height: 100vh;overflow-y: scroll}
#header .menu-head .first&gt;li .sub-box{background: none;display: none;position:initial;padding: 10px 0}
#header .menu-head .first&gt;li .sub-box .second{flex-direction: column;}
#header .menu-head .first&gt;li{border-bottom:1px solid #eee;height:initial;padding: 0 0 0 20px}
#header .menu-head .first&gt;li a{color:#333}
#header .menu-head .first&gt;li&gt;a::after{display:none}
#header .menu-head .first&gt;li a:hover::after{display:none}
#header .menu-head .second{width:100% !important;box-sizing:border-box;position:initial !important;;margin:0 !important;;padding:0 !important;}
#header .menu-head ul.second a{text-align: left;padding-left: 2em !important;}
#header .menu-head .first&gt;li .sub-box .second li{padding: 0}
#header .menu-head .first&gt;li .sub-box .second li a:hover:before,
#header .menu-head .first&gt;li .sub-box .second li.on a:before{display: none}
#header.menu-on{-webkit-transform: translateX(-70%);-ms-transform: translateX(-70%);transform: translateX(-70%);}
#header.menu-on .menu-btn:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:33px;left:20px}
#header.menu-on .menu-btn:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:33px;left:20px}
#header.menu-on .menu-btn span{display: none}
#header.menu-on .menu-head{box-shadow:-1px 0 5px 0 rgba(0,0,0,.2);}

#footer .contact-box{flex-direction: column;align-items: center;}
#footer .contact-box .l{align-items: center;margin-bottom: 50px;}
#footer .copyright{padding: 0 20px 18px;}

.banner-img{height: 50vh}
.banner-img .box{width: 160px;height: 160px;left: 20px}

#index.index .title{font-size: 3.5rem}
#index.index .server{padding: 80px 50px;}
#index.index .server .desc{padding-bottom: 40px}

#about.index .title{font-size: 3.5rem;padding: 30px 0}
#about.index .content{padding: 0 20px;}
#about.index .factory .swiper-slide{height: 400px}

#business.index .title{font-size: 3.5rem;padding: 30px 0}
#business.index .content{padding: 0 20px;}

#news.index .title{padding: 10px 0 30px;font-size: 3.6rem}
#news.index .top .img-box{height: 400px}
#news.index .top .box{padding: 30px}
#news.index .top .box .t{font-size: 1.8rem;line-height: 1.5}
#news.index .top .box .desc{padding: 20px 0 30px;height: 100px;font-size: 1.4rem}
#news.index .top .box .info .date{font-size: 1.4rem}
#news.index .list{padding: 20px;box-sizing: border-box;}

#news.detail .classify-name{font-size: 3.6rem;padding:10px 0 20px 20px;}
#news.detail .main{flex-direction: column;}
#news.detail .main .content{width: calc(100% - 40px);margin: 0 auto 30px;padding: 20px;}
#news.detail .main .content .title{font-size: 2.5rem}
#news.detail .main .content .info{padding: 20px 0}
#news.detail .main .hot{width: calc(100% - 40px);margin: 0 auto;}
#news.detail .main .hot .item{padding: 20px}
#news.detail .main .hot .item .title{padding-bottom: 15px;}

#contact.index .title{font-size: 3.6rem}
#contact.index .list{padding: 0 20px;box-sizing: border-box}
#contact.index .list .item{width: 100%}
#contact.index .list .item .img{height: 250px;width: 25%}
#contact.index .list .item .con .city{font-size: 2.8rem}
#contact.index .list .item .con .address{padding-bottom: 20px;font-size: 1.8rem}
#contact.index .list .item .con .tel{font-size: 1.8rem}
#contact.index .message .contact-form{padding: 0 20px}
#contact.index .message ul li .input{height: 50px;}
#contact.index .message .btn-box .btn{width: 150px}</pre></body></html>