<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 reset */
*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box;}
html, body,h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dd {margin: 0;padding: 0;}
body {color: #666;font: 12px; margin:0; padding:0; background:#fff;}
ol, ul {list-style: none;}
a {color: #666;text-decoration: none;}
a:active, a:focus{text-decoration: none;outline: none;color: #666;}
a:hover {color:#ca0606;text-decoration: none;}

.w1280{ width:1280px; margin:0 auto;}

.header{ width:1280px; height:79px; position:fixed; left:50%; margin-left:-640px;top:0; background:url(header_bg01.png) repeat; z-index:99; background-color:transparent; transition:all 0.5s;}
.header .w1280{ display:flex;}
.header .logo{ width:300px; margin:0 31px;}
.header .logo img{ width:250px; }
.header .menu{width: calc(100% - 486px); position:relative;}
.header .menu ul{ width:100%; position:relative; display:flex;}
.header .menu ul li{ position:relative; width:113px; height:79px; line-height:79px; background:url(menu_bg02.png) no-repeat right top;}
.header .menu ul li span{ width:100%; display:block; color:#fff; text-align:center; font-size:14px; z-index:10;}
.header .menu ul li span:before{content: "";width: 100%;height: 0;background:#ae1c1c;position: absolute;left: 0;top: 0;transition: all 0.5s; z-index:-1;}
.header .menu ul li:hover span:before{height:100%;}
.header .menu ul li.cur span:before{height:100%;}
.header .tel{ width:166px; margin-right:20px;}
.header .tel img{ width:146px;}


/*banner*/
.banner .banner-swiper .swiper-slide { width: 100%; position:relative;}
.banner .banner-swiper .swiper-slide img { width: 100%;}
.banner .banner-swiper .banner-pagination {bottom:50px !important;}
.banner .banner-swiper .banner-pagination .swiper-pagination-bullet {width:40px;height:8px; border-radius:0;background:#fff;opacity:1;margin:0 3px;}
.banner .banner-swiper .banner-pagination .swiper-pagination-bullet-active {width:50px; background:#b71a35;}

.h-tit{ width:100%; height:40px; border-bottom:1px solid rgba(0,0,0,0.2);}
.h-tit span{ display:inline-block; height:40px; border-bottom:1px solid #727272; font-size:20px; font-weight:bold; color:#333;}
.h-tit1{ width:100%; height:40px; border-bottom:1px solid rgba(255,255,255,0.2);}
.h-tit1 span{ display:inline-block; height:40px; border-bottom:1px solid rgba(255,255,255,0.7); font-size:20px; font-weight:bold; color:#fff; position:relative;}
.h-tit1 a{ font-size:16px; font-weight:normal; color:#ccc; float:right;}
.h-tit1 a:hover{ color:#fff;}
 
/*首页产品*/
.ind01{ width:100%; position:relative; padding:60px 0;}
.ind01 .box{ display:flex;flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
.ind01 .item{width: calc(25% - 2px); height:459px; position:relative; overflow:hidden; margin:0 1px;}
.ind01 .item .img{  width:100%; height:459px; background-repeat:no-repeat;background-position: center top;}
.ind01 .name{ background:#eaeaea;}
.ind01 .name h3{ width:208px; margin:30% auto 30px; font-size:36px; font-weight:normal; color:#121212; padding-bottom:30px; position:relative;}
.ind01 .name h3::before{content: "";width: 100px;height: 1px;background:#aaa;position: absolute;left: 0;bottom: 0;}
.ind01 .name p{width:208px; margin:0 auto; font-size:14px; color:#9d9d9d;}
.ind01 .txt{ display:none; position:absolute; width:100%; left:0; top:30%; background:url(icon01.png) no-repeat center top; z-index:3; text-align:center;}
.ind01 .txt h3{ font-size:20px; font-weight:normal; color:#fff;margin-top: 46px;}
.ind01 .txt p{ font-size:18px; color:#fff;opacity:0.6;filter:Alpha(opacity=60);}
.ind01 .item a:hover .txt{ display:block; }
.ind01 .more{ display:block; height:62px; margin:20px 0; background:#f7f7f7; font:14px/62px Arial; color:#9d9d9d; text-align:center; transition:all 0.4s;}
.ind01 .more:hover{ background:#999999; color:#fff;}
 
/**首页简介**/
.ind02{ width:100%; position:relative;background:#343434; padding:60px 0;}
.ind02 .con{ width:100%; position:relative;display: flex;flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
.ind02 .con .img { width:48%;position:relative; overflow:hidden;margin-bottom:30px;}
.ind02 .con .img img{ width:100%;}
.ind02 .con .txt{  width:48%; position:relative; font-size:12px; color:#e6e6e6; line-height:27px; text-align:justify;}
.ind02 .more{ margin-top:20px;}
.ind02 .more a{ display:block;width: 120px; height:32px; line-height:28px; text-align:center; font-size:14px; color:#fff; border:1px solid rgba(255,255,255,0.4);}
.ind02 .more a:hover { background:#ccc; color:#333;}

/**公司优势**/
.ind03{ width:100%; position:relative; padding:60px 0;}
.ind03 .con{ margin-top:60px; height:400px; display:flex;}
.ind03 .item{ width:25%; height:379px; position:relative; overflow:hidden; background:#f4f4f4; transition:background 0.5s , padding 0.5s , margin 0.5s; border-right:1px solid #fff;} 
.ind03 .item .icon{ width:80px; height:66px; margin:60px auto 23px; overflow:hidden; }
.ind03 .item .icon01{ background:url(icon02.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}
.ind03 .item .icon02{ background:url(icon03.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}
.ind03 .item .icon03{ background:url(icon04.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}
.ind03 .item .icon04{ background:url(icon05.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}
.ind03 .item .tit{ text-align:center;}
.ind03 .item .tit h4{ font-size:20px; font-weight:normal; color:#484848;transition:all 0.3s}
.ind03 .item .tit p{ font-size:18px; color:#bababa;}
.ind03 .item .tit span{ margin-top:20px; display:inline-block; width:87px; height:1px; overflow:hidden; background:#c5c5c5;}
.ind03 .item .sum{ width:76%; font-size:12px; color:#777; margin:20px auto 0; text-align:center; }
.ind03 .item:hover{ padding-top:17px; padding-bottom:17px; background:#4d4b4c;}
.ind03 .item:hover .icon{background-position:0 0;}
.ind03 .item:hover .tit h4{ color:#fff;}
.ind03 .item:hover .tit p{ color:#716f70;}
.ind03 .item:hover .tit span{ background:#716f70;}
.ind03 .item:hover .sum{height:76px; color:#838182;}


/**首页新闻**/
.ind04{ width:100%; position:relative;background:#343434; padding:60px 0;}
.ind04 .w1280{ display:flex;flex-wrap:wrap; justify-content:space-between;}
.ind04 .img { width:47%;position:relative; margin-top:60px;}
.ind04 .img img{ width:100%;}
.ind04 .con{ width:47%; position:relative; margin-top:60px;}
.ind04 .con .item{ width:100%; position:relative; margin-bottom:30px;}
.ind04 .con .item a{ width:100%; display:flex; padding:20px 10px;}
.ind04 .con .item .date{ width:100px; text-align:center; color:#fff;}
.ind04 .con .item .date p:nth-child(1){ width:100%; height:50px; line-height:50px; font-size:50px;}
.ind04 .con .item .date p:nth-child(2){ font-size:14px;}
.ind04 .con .item .txt{ width: calc(100% - 100px); position:relative;  padding-left:30px;}
.ind04 .con .item .txt::before{content: "";width: 1px;height: 60px;background:#fff;position: absolute;left: 0;top:5px;}
.ind04 .con .item .txt h3{ height:24px; margin-bottom:10px; font:18px/24px "微软雅黑"; color:#dfdfdf; overflow:hidden;}
.ind04 .con .item .txt p{ font-size:12px; color:#888;}
.ind04 .con .item a:hover{ background:#e3e3e3;}
.ind04 .con .item a:hover .date{color:#565656;}
.ind04 .con .item a:hover .txt h3{ color:#3b3b3b;}
.ind04 .con .item a:hover .txt::before{ background:#333;}

 

/**网站底部**/
.footer{ width:100%; position:relative; padding:60px 0 15px;}
.footer .w1280{ display:flex;flex-wrap:wrap; justify-content:space-between;}
.footer .h-tit{ margin-bottom:60px;}
.footer .lianx{ width:300px; padding-right:50px; color:#636363; line-height:30px; font-size:12px;}
.footer .f_nav{ width:760px; overflow:hidden;}
.footer .f_nav ul{ width:100%;}
.footer .f_nav ul li{ display:inline-block; _display:inline; width:100px; float:left; margin-right:20px; line-height:24px; font-size:12px;}
.footer .f_nav ul li b{ font-size:14px; line-height:34px;}
.footer .f_ewm{ width:160px; overflow:hidden;}


.n_banner{ width:100%; position:relative;}
.n_banner img{ width:100%;}
 

.n_main{ width:100%; position:relative; padding:60px 0;}
.n_tit{ width:100%; position:relative; text-align:center; padding-bottom:20px;}
.n_tit span{ font-size:32px; position:relative; padding-bottom:20px;}
.n_tit span::before{content: "";width: 100px;height: 1px;background:#999;position: absolute;bottom: 0; left:50%;transform: translateX(-50%);}

.n_menu{ width:100%; position:relative; margin-top:30px;}
.n_menu ul{display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.n_menu ul li{ line-height: 31px;background:#fff;display: block;text-align: center;border:1px solid #e4e4e8; margin:0 5px;}
.n_menu ul li a{ display:block; width:100%;font-size: 15px;padding:0 20px;}
.n_menu ul li:hover a{color: #fff;background:#00528e;}
.n_menu ul li.act a{color: #fff;background:#00528e;}


.n_about{ width:100%; position:relative; margin-top:40px; text-align:justify; line-height:30px;}
.n_about img{ max-width:100%;}

.n_news{ width:100%; position:relative; }
.n_news ul li{ background:#f4f4f4; margin-bottom:18px; position:relative; padding:15px 30px;}
.n_news ul li a{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.n_news ul li .date{ width:60px; color:#909090; font-size:14px; margin-right:30px; text-align:center;}
.n_news ul li .date span{ display:block; border-bottom:1px solid #919191; font-size:36px; color:#5c5c5c; padding-bottom:8px;}
.n_news ul li .img{  width:280px; height:176px; margin-right:30px;}
.n_news ul li .img img{ width:275px; height:176px;}
.n_news ul li .txt{ width: calc(100% - 400px);}
.n_news ul li .txt h2{ font-size:16px; font-weight:normal;  margin-bottom:13px; color:#4db135; }
.n_news ul li .txt p{ color:#575757; font-size:14px; padding-right:25px; line-height:22px; letter-spacing:1.5px; }
.n_news ul li .more{ color:#4db135; font-size:14px; display:block; padding-top:4px; }</pre></body></html>