<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.cl{
    clear: both;
}
.view-head{
    top:0;
    height:100px;
    align-items: center;
    background: #fff;
    width:100%;
}
.view-head .cbody{
    width:1500px;
    display:flex;
    justify-content: space-between;
}
.view-head .menu ul&gt;li&gt;a{
    color:#272727;
}
.view-head .menu&gt;ul&gt;.active&gt;a,
.view-head .menu&gt;ul&gt;li&gt;a:hover{
    color:#e60012;
}
.view-head .tel{
    background-position: 0;
}
/* page-bar */
.page-bar{
	margin-top: 101px;
    height: 436px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.page-bar h1{
    font-size:44px;
    font-weight:normal;
    color:#333333;
	display:none;
}
.page-bar h1 span{
    color:#e60012;
}
/* é¢åŒ…å±‘ */
.nav .cbody{
    height:70px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.nav-l{
    position: relative;
    padding-left:30px;
}
.nav-l::before{
    content:'';
    width:14px;
    height:14px;
    background: url(../images/home.gif) no-repeat;
    position: absolute;
    left:0;
    top:4px;
}
.nav-l a{
    font-size:16px;
    color:#2c303d;
    padding:0 10px;
    position: relative;
}
.nav-l a::before{
    content:'';
    width:3px;
    height:5px;
    /* background: url(../images/jian.gif) no-repeat; */
    position: absolute;
    left:0;
    top:8px;
}
.nav-l a:last-child{
    color:#e60012;
}
.nav-r a{
    font-size:16px;
    color:#2f2f2f;
    padding:0 30px;
    position: relative;
}
.nav-r a::after{
    content:'/';
    font-size:18px;
    color:#272727;
    position: absolute;
    left:-5px;
    top:0;
}
.nav-r a:first-child:after{
    content:'';
}
.nav-r a:hover,
.nav-r .active{
    color:#e60012;
}

/* æ–°é—»åˆ—è¡¨ */
.news .cbody ul li{
    display:flex;
    justify-content: space-between;
    height:267px;
    border-bottom: 1px #e8e8e8 dashed;
    align-items: center;
}
.news .cbody ul li div:first-child{
    width: 284px;
    height: 210px;
    overflow: hidden;
}
.news .cbody ul li div:first-child a{
	display:block;
	height:100%;
}
.news .cbody ul li div:first-child a img{
	min-height:100%;
}
.news .cbody ul li div:last-child{
    display:flex;
    flex-direction: column;
    flex:1;
    padding-left:64px;
}
.news .cbody ul li div:last-child a:first-child{
    font-size:20px;
    color:#363636;
    line-height:38px;
}
.news .cbody ul li div:last-child span{
    font-size:14px;
    color:#b7b7b7;
}
.news .cbody ul li div:last-child p{
    font-size:14px;
    color:#797979;
    line-height:26px;
    height:50px;
    overflow: hidden;
    margin:10px 0;
}
.news .cbody ul li div:last-child a:last-child{
    height:36px;
    width:36px;
    border:1px solid #dedede;
    border-radius:50%;
    font-size:16px;
    color:#494949;
    display:flex;
    justify-content: center;
    align-items: center;
    font-family:serif;
    font-weight: bold;
    margin-top:15px;
    cursor: pointer;
}
.news .cbody ul li:hover div:last-child a:last-child{
    background: #e60012;
    color:#fff;
}
/* åˆ†é¡µ */
.pagination{
    display: inline-block;
    border-radius: 4px;
}
.pager{
    display: flex;
    justify-content: center;
    margin:2rem 0;
}
.pager li {
    display: inline;
}
.pager li span,
.pager li a
{
    margin:0 8px;
    padding:7px 12px;
    border:1px solid #e1e1e1;
    color:#777777;
}
.pagination &gt; .active &gt; span{
    background:red;
    color:#fff;
}
.pagination &gt; .disabled &gt; span{
    background: white !important;
    color:#666666;
}
/* ä¸Šä¸‹ç¯‡ */
.view-tool{
    border-top:1px #e2e2e2 solid;
    text-align: left;
    padding:10px 15px 10px 0;

}
.view-tool ul li{
    color:#464646;
    height:30px;
    line-height:30px;
    margin:0px 20px 0px 20px;
    font-size:14px;
	overflow:hidden;
}
.view-tool ul li a{
    font-size:14px;
    color:#464646;
}
.view-title{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    color: #050505;
}
/* æ–‡å­—ä¿¡æ¯ */
.view-time{
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    margin:20px auto 10px auto;
    padding-bottom: 10px;
    color:#707070;
}
.view-info{
    padding:1rem 0;	
	font-size:16px;
}
.view-info img{
    max-width:100%;
}
.view-body{
    margin:0 20px;
}
.search-info.product-more{
    margin-top:20px;
    font-size:24px;
}

/* äº§å“åˆ—è¡¨ */
.product-top{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.product-top span{
    font-size:42px;
    color:#121212;
    margin-bottom: 10px;
}
.product-search{
    width:580px;
    height:60px;
    border:1px solid #e5e5e5;
    border-radius: 10px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.product-search input{
    width:505px;
    height:40px;
    border:none;
    text-indent: .5rem;
    font-size:16px;
    color:#9c9c9c;
}
.product-search button{
    width:23px;
    height:23px;
    background: url(../images/product-search.gif) no-repeat;
    border:0px;
    cursor: pointer;
    margin-left:10px;
}
.product .cbody{
    width:1248px;
}
.product .cbody ul li{
    float:left;
    width:364px;
    margin:64px 52px 0 0;
}
.product .cbody ul li&gt;a:first-child{
    display:flex;
    width:364px;
    height:264px;
    overflow: hidden;
	justify-content:center;
	align-items:center;
	background-color:#f6f6f6;
}
.product .cbody ul li&gt;a:first-child img{
    height:100%;
	width:100%;
}
.product .cbody ul li p{
    width:364px;
    height:100px;
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: center;
    padding:16px 0;
    border-bottom: 1px solid #e4e4e4;
}
.product .cbody ul li p a{
    font-size:20px;
    color:#2c2c2c;
}
.product .cbody ul li p a .highlight{
    font-size:20px;
    color:#e60012;
}
.product .cbody ul li p span{
    font-size:14px;
    color:#939393;
}
.product .cbody ul li:hover p{
    background:#e60012;
}
.product .cbody ul li:hover p a,
.product .cbody ul li:hover p span{
    color:#fff;
}
.product.case .cbody ul li:hover p span,
.product.case .cbody ul li:hover p a{
	color:#000;
}
.product-more{
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:18px;
    color:#e60012;
    padding:1rem 0;
}
.product-more b{
    padding:0 10px;
}
.case .cbody ul li:hover p{
    background: none;
}
.product .cbody ul li:hover p a,
.product .cbody ul li:hover p span{
    color:#ffffff;
}
.case .cbody ul li p{
    height:60px;
    border-bottom: none;
}
.case .cbody ul li{
    margin-top:20px;
}

/* é›†å›¢ç®€ä»‹ */
.about{
    background: url(../images/about-bg.jpg) no-repeat center -90px;
}
.about-top{
    
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-top h1{
    background: url(../images/about-top.png) no-repeat 0;
    padding-left:60px;
    font-size:52px;
    color:#2f2f2f;
    font-weight: normal;
    display: inline-table;
    margin:40px 0;
}
.about-top h1 span{
    color:#e60012;
}
.about-top p{
    width:1100px;
    text-align: center;
    font-size:16px;
    line-height:28px;
    color:#333333;
}
.about-info{
    width:1200px;
    margin:70px auto;
    display:flex;
    flex-direction: column;
}
.about-info ul{
    display:flex;
    justify-content: space-between;
    margin-top:16px;
}
.about-info ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(../images/about-info-line.jpg) no-repeat 0 center;
    flex:1;
}
.about-info ul li:first-child{
    background: none;
}
.about-info ul li&gt;span{
    font-size:24px;
    color:#404040;
}
.about-info ul li p{
    font-size:18px;
    color:#4b4b4b;
}
.about-info ul li p span{
    font-size:52px;
    color:#e60012;
    font-weight:bold;
}
.about-pic{
    width:1700px;
    margin:20px auto 120px auto;
}
.aboutSwiper{
    position: relative;
    overflow: hidden;
    height:340px;
}
.aboutSwiper .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.aboutSwiper .swiper-slide a{
	padding:0 2rem;
	display:block;
	height:100%;
}
.aboutSwiper .swiper-slide a img{
	height:100%;
}
/* å“ç‰Œå®šä½ */
.brand{
    height:726px;
    background: url(../images/brand.jpg) no-repeat center;
    padding-top:128px;
}
.brand-top{
    display:flex;
    justify-content: center;
}
.brand-top h3{
    font-size:44px;
    color:#322525;
    font-weight: normal;
    background: url(../images/about-top.png) no-repeat 0;
    padding-left:60px;
    position: relative;
}
.brand-top h3::before{
    content:'';
    width:42px;
    height:2px;
    background:#e60012;
    position: absolute;
    bottom: -15px;
    left:50%;
}
.brand-desc{
    width:740px;
    height:200px;
    margin-top:90px;
}
.brand-desc span{
    font-size:36px;
    color:#2b2b2b;
    margin:10px 0;
    display:block;
}
.brand-desc span b{
    color:#e60012;
}
.brand-desc p{
    margin-top:30px;
    font-size:20px;
    color:#3c3c3c;
    line-height:36px;
}

/* é£žé¾™æ–‡åŒ– */
.culturt .brand-top h3{
    padding:0;
    padding-right:60px;
    background: url(../images/about-top.png) no-repeat center right;
}
.culturt{
    height:825px;
    padding-top:130px;
}
.culturt-ul ul{
    display:flex;
    justify-content: space-between;
    margin:42px 0;
}
.culturt-ul ul li{
    position: relative;
    height:500px;
}
.culturt-ul ul li img{
    width:384px;
    height:444px;
}
.culturt-ul ul li .culturt_desc{
    height:144px;
    width:300px;
    position: absolute;
    background: #f9f9f9;
    bottom: 0;
    left:0;
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    padding:20px 0 40px 20px;
}
.culturt-ul ul li .culturt_desc .culturt_desc_title{
    font-size:32px;
    color:#301333;
}
.culturt-ul ul li .culturt_desc .culturt_desc_text{
    font-size:16px;
    color:#301333;
    margin-top: 1rem;
}
.culturt-ul ul li.active .culturt_desc,
.culturt-ul ul li:hover .culturt_desc{
    background:#e60012;
}
.culturt-ul ul li.active .culturt_desc .culturt_desc_title,
.culturt-ul ul li:hover .culturt_desc .culturt_desc_title{
    color:#fff;
}
.culturt-ul ul li.active .culturt_desc .culturt_desc_text,
.culturt-ul ul li:hover .culturt_desc .culturt_desc_text{
    color:#fff;
}
/* ä¸“åˆ©è¯ä¹¦ */
.honor{
    background: url(../images/honor.jpg) no-repeat center;
    height:656px;
    padding-top:96px;
}
.honor-body{
    position: relative;
    width:1480px;
    margin:0 auto;
}
.honorSwiper{
    overflow: hidden;
    height:300px;
    width:1220px;
    margin:80px auto 0 auto;
}
.honor-prev,
.honor-next{
    height:52px;
    width:52px;
    background:#fff;
    border:1px solid #c7c7c7;
    border-radius:50%;
    font-size:20px;
    color:#333333;
    display:flex;
    justify-content: center;
    align-items: center;
    font-family:serif;
    font-weight: bold;
    position:absolute;
    cursor: pointer;
    top:40%;
}
.honor-prev:hover,
.honor-next:hover{
    background: #ef1300;
    border:1px solid #ef1300;
    color:#fff;
}
.honor-next{
    right:0px;
}
.honor-prev{
    left:0px;
}

/* ä¼˜åŠ¿ */
.adva{
    background: url(../images/adva.jpg) no-repeat;
}
.adva-1{
    display:flex;
    justify-content: space-between;
}
.adva-1&gt;div{
    display: flex;
    flex-direction: column;
    flex:1;
    text-align: center;
    margin-top:80px;
    padding:0 30px;
}
.adva8 .cbody div p:first-child span:first-child,
.adva5 p:first-child span:last-child,
.adva-1&gt;div span:first-child{
    font-size:60px;
    color:#333333;
    font-style:italic;
    font-weight: bold;
}
.adva8 .cbody div p:first-child span:last-child,
.adva5 p:first-child span:first-child,
.adva-1&gt;div span:nth-child(2){
    font-size:30px;
    color:#2b2b2b;
    display:block;
    margin:10px 0;
}
.adva-1&gt;div span:nth-child(2) b,
.adva8 .cbody div p:first-child span:last-child b,
.adva5 p:first-child span b{
    font-weight:normal;
}
.adva-1&gt;div span:nth-child(3){
    font-size:18px;
    color:#3c3c3c;
}
.adva5 p:last-child,
.adva-1&gt;div p{
    text-align: left;
    font-size:14px;
    color:#3c3c3c;
    line-height:26px;
    margin:30px 0 50px 0;
}
.adva-2&gt;div p{
    text-align: center;
    width:1040px;
}
.adva3Swiper{
    height:270px;
    overflow: hidden;
}
.adva3Swiper .swiper-slide{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.adva3Swiper .swiper-slide a:first-child{
    display:block;
    width:286px;
    height:208px;
    overflow: hidden;
}
.adva3Swiper .swiper-slide a:last-child{
    display:flex;
    justify-content: center;
    align-items: center;
    height:60px;
    width:286px;
    font-size:16px;
    color:#3c3c3c;
}
.adva-more{
    width:200px;
    height:44px;
    background:#e60012;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius:25px;
    margin:30px auto;
}
.adva-more a{
    font-size:16px;
    color:#fff;
}
.adva5{
    height:380px;
    background:#fbfbfb;
    display:flex;
    align-items: center;
    justify-content:space-around;
}
.adva5 div:first-child p:first-child{
    display:flex;
    align-items: center;
}
.adva5 p:last-child{
    margin-top:10px;
    margin-right:50px;
    text-align: right;
}
.adva-pic{
    display:flex;
    justify-content: center;
}
.adva-btn{
    background: url(../images/adva-btn.jpg) no-repeat center bottom;
    padding-bottom: 100px;
}
.adva-btn .adva-1 div:first-child p:first-child{
    display:flex;
    margin: 0 auto;
    line-height: .8;
}
.adva-btn .adva-1 div:first-child p:first-child span{
    padding:0 10px;
}
.adva-btn .adva-1 div:first-child&gt;span{
    font-size:18px;
    color:#3c3c3c;
}
.adva9{
    flex-direction: row-reverse;
}
.adva9 div:first-child p:first-child{
    flex-direction: row-reverse;
    justify-content:center;
}
.adva9 div:first-child p:first-child span{
    margin:0 10px;
}
.adva9 div:first-child{
    padding-right:40px;
}
.adva9 div:first-child p:last-child{
    text-align: left;
    padding-left:160px;
    margin:0;
}
.adva8{
    background:url(../images/adva8.jpg) no-repeat center;
    height:380px;
    margin:90px 0;
}
.adva8 .cbody{
    display:flex;
    align-items: center;
    height:100%;
}
.adva8 .cbody div{
    display:flex;
    width:600px;
    height:260px;
    flex-direction: column;
}
.adva8 .cbody div p:first-child{
    display:flex;
    align-items: center;
}
.adva8 .cbody div p:first-child span{
    margin:0 20px;
}
.adva10 .cbody div p:nth-child(2),
.adva8 .cbody div p:last-child{
    display:flex;
    justify-content: center;
    font-size:16px;
    line-height:26px;
}
.adva10{
    background: url(../images/adva10.jpg) no-repeat;
    height:375px;
    margin:100px 0 20px 0;
}
.adva10 .cbody div{
    align-items: flex-start;
}
.adva10 .cbody div p:nth-child(2){
    margin:20px 40px;
    font-size:14px;
}
</pre></body></html>