<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 */
body,p,a,div,ul,li,button,input,span{font-family: "微软雅黑";}
ul{ list-style:none;padding:0;margin:0;}
*{margin:0;padding:0}
body{background: #f8f8f8;}



#demo{
      width:100%;
      overflow:hidden;
      line-height:30px;
      color:#0C77CF;
      margin: 0 auto;
      position:relative;
      box-sizing:border-box;
      padding-left:80px;
    }
#demo img{display:block;width:80px;position:absolute;top:5px;left:0;}
#demoin {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      
    }
#demo #demo1, #demo #demo2{display:inline-block;width: 100%;}
#demoin a{margin-left:35px;color:#666;font-size:12px;text-decoration:none;}
#demo:before{content: '最新公告：';font-weight: bold;position: absolute;left: 0;top: 0;color: #cc0033;}

.top-line{background: #eee;}
.toprt{text-align: right;line-height: 30px;font-size: 12px;}
.toprt a{color: #cc0033;margin-left: 20px;}
.top-logo{background: #f8f8f8;padding: 10px 0px 10px 15px;}
.topmenu{background: #f8f8f8;font-size: 0;}
.topmenu ul{padding: 0;text-align: right;}
.topmenu ul li{display: inline-block;line-height: 86px;font-size: 16px;width: 15%;text-align: center;position: relative;}
.topmenu ul li:first-child{width: 10%;}
.topmenu ul li&gt;a{color: #333;text-decoration: none;}
.topmenu ul li.active&gt;a,.topmenu ul li:hover&gt;a{color: #cc0033;}
.topmenu ul li dl{position: absolute;top: 70px;left: 0;width: 100%;background: #CC0033;z-index: 999;
font-size: 14px;display: none;}
.topmenu ul li dl dd+dd{border-top: 1px solid #CC3333;}
.topmenu ul li dl dd a{display: block;color: #fff;padding: 10px 0;text-decoration: none;}
.topmenu ul li dl dd a:hover{background: #CC3333;}

.hmtit{position: relative;}
.hmtit h3{color: #cc0033;width: 20%;margin: 0 auto -2px;background: #fff;position: relative;z-index: 9;}
.hmtit p{font-size: 16px;color: #aaa;width: 24%;margin: 0 auto;border: 2px solid #CC6666;padding: 5px 0;}
.hmtit:before,.hmtit:after{content: '';width: 36%;height: 2px;background: #eee;position: absolute;top: 40px;}
.hmtit:before{left: 0;}
.hmtit:after{right: 0;}

.hmyewu{padding: 40px 0;background: #fff;}
.hmyewu .hmtit{margin-bottom: 30px;}
.yewu-right ul{margin: 30px 0 0;}
.yewu-right ul li{margin: 0 0 15px;text-align: center;}
.yewu-right ul li img{margin: 0 auto;background: #aaa;border-radius: 50%;width: 30%;padding: 10px;}
.yewu-right ul li:hover img{background: #cc0033;}
.yewu-right ul li h4{color: #333;border-bottom: 3px solid #aaa;margin: 0;padding: 15px 0;display: inline-block;}
.yewu-right ul li p{color: #666;margin: 0;padding: 15px;text-align: left;}
.yewu-right ul li:hover h4{border-color: #cc0033;}
.yewu-right h4{margin: 0 0 15px;background: #f8f8f8;padding: 15px;border-bottom: 4px solid #ddd;
text-align: center;}

.yewu-left h4{color: #fff;background: rgba(0,0,0,.8);padding: 15px;margin: -50px 0 15px 0;position: relative;}
.yewu-left p{color: #666;line-height: 200%;}
.yewu-left img{padding: 5px;border: 1px solid #ddd;}

.zhanshi{padding: 40px 0;}
.zhanshi .swiper-container {
      width: 100%;
      height: 100%;
    }
.zhanshi .swiper-slide {
      text-align: center;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.zhanshi .hmtit h3{background: #f8f8f8;}
.zhanshi .swiper-button-next, .zhanshi .swiper-button-prev{width: 30px;height: 30px;background-size: 100%;top: 40%;
background-image: none;font-size: 40px;color: #cc0033;background: rgba(255,255,255,.8);border-radius: 50%;
line-height: 20px;text-align: center;
}
.zhanshi .swiper-pagination-bullet-active{background: #cc0033;}
.zhanshi .prodli{margin: 30px 0 0;}

.hmabout{padding: 40px 0;background: #fff;}
.aboutword{line-height: 200%;color: #666;padding: 30px 0;}
.hmcontact{background: #cc0033;}
.hmcontact .container{border-top: 4px solid #CC6666;}
.hmcontact ul{padding: 20px 0;}
.hmcontact ul li{color: #eee;}
.hmcontact ul li i{float: left;font-size: 20px;width: 50px;height: 50px;border: 1px solid #eee;border-radius: 50%;
text-align: center;line-height: 48px;margin-right: 15px;}
.hmcontact ul li div{line-height: 180%;}
 html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;
white-space:-moz-pre-wrap;word-wrap:break-word}
.hmmap #dituContent{width: 100%;height: 300px;}
.hmmap #dituContent img{max-width:none;}

.frdlink{padding: 15px 0;}
.frdlink span{display: inline-block;font-weight: bold;color: #cc0033;}
.frdlink a{display: inline-block;color: #666;margin-right: 20px;}
.footer{background: #444;padding: 30px 0 0;}
.footer ul{margin: 0 0 15px;font-size: 0;}
.footer ul li{display: inline-block;font-size: 14px;position: relative;padding: 0 20px;}
.footer ul li+li:before{content: '|';position: absolute;left: 0;top: 0;color: #999;}
.footer ul li a{color: #fff;}
.copyright{color: #999;line-height: 200%;font-size: 12px;margin: 0 0 15px;}
.copyright span{display: inline-block;margin: 0 10px;}
.ftshare{text-align: center;}
.bdshare-button-style0-32{display: inline-block;}
.bdshare-button-style0-32 a{
	text-indent: 0!important;
	font-size: 18px;
	text-align: center!important;
	color: #999!important;margin: 0 5px!important;
	opacity: 0.8!important;
	}
.bdshare-button-style0-32 a:hover{opacity: 1!important;}
.bdshare-button-style0-32 .bds_weixin{background: url(../images/weixin.png) no-repeat;background-size:contain;background-position: 0 0!important;}
.bdshare-button-style0-32 .bds_tsina{background: url(../images/weibo.png) no-repeat;background-size:contain;background-position: 0 0!important;}
.bdshare-button-style0-32 .bds_qzone{background: url(../images/qq.png) no-repeat;background-size:contain;background-position: 0 0!important;}


.ftright{position: fixed;right: 5px;bottom: 5%;}
.to-top{display: none;}
.to-top span{color: #333;display: inline-block;text-align: center;width: 40px;height: 40px;line-height: 40px;border-radius: 3px;
background: #ddd;}


/*新闻列表*/
.inbanner{margin: 0 0 20px;}
.left-tit{background: #CC0033;color: #fff;padding:20px 0;}
.left-tit h3{margin:0;}
.left-tit span{display: block;color: #CC6666;font-size: 20px;}
.left-bar ul{padding: 0 15px;border: 1px solid #ddd;background: #fff;}
.left-bar ul li{padding:15px 0;position: relative;}
.left-bar ul li.active:before{content: '';width: 6px;height: 20px;background: #CC0033;position: absolute;top: 15px;left: 0;border-radius: 3px;}
.left-bar ul li a{color: #555;text-decoration: none;}
.left-bar ul li:hover a,.left-bar ul li.active a{color: #CC0033;}
.left-bar ul li+li{border-top: 1px solid #eee;}

.left-contact{border: 1px solid #ddd;margin: 20px 0 50px;background: #fff;}
.left-contact h3{border-bottom: 1px solid #ddd;margin: 0;padding: 20px 0;color: #cc0033;}
.left-contact h3 span{font-size: 18px;color: #aaa;}
.contel{background: #cc0033;color: #fff;font-weight: bold;font-size: 18px;margin: 15px;border-radius: 20px;
padding: 5px 0;}
.left-contact dl{padding: 0 15px;}
.left-contact dl dd{color: #555;padding: 5px 0;}
.left-contact dl dd span{display: inline-block;color: #cc0033;margin-right: 5px;}

.right-bar{display: table;width: 100%;padding: 20px 0 25px;border-bottom: 1px solid #ddd;}
.right-bar h3{display: inline-block;margin: 0;color: #cc0033;}
.right-bar div{display: inline-block;float: right;font-size: 12px;padding: 10px 0 0;}
.right-bar div a{color: #666;}
.newsli{}
.newsli ul{margin: 20px 0 30px;border: 1px solid #ddd;padding: 10px 15px;background: #fff;}
.newsli ul li{line-height: 40px;}
.newsli ul li+li{border-top: 1px dashed #eee;}
.newsli ul li a{display: inline-block;width: 85%;text-decoration: none;color: #555;}
.newsli ul li a:hover{color: #cc3300;}
.newsli ul li span{display: inline-block;width: 14%;text-align: right;font-size: 12px;color: #aaa;}

.lipage{font-size: 0;margin: 0 0 50px;}
.lipage a{color: #666;text-decoration: none;border: 1px solid #ddd;}
.lipage a,.lipage span{font-size: 12px;padding: 5px 10px;margin: 0 2px;border-radius: 2px;display: inline-block;
background: #fff;}
.lipage a:hover,.lipage span{background: #cc0033;border: 1px solid #cc0033;color: #fff;}

/*内容页*/
.showbox{background: #fff;padding: 20px 15px;border: 1px solid #ddd;margin: 20px 0 50px;min-height: 500px;}
.showtit h4{color: #444;font-weight: bold;margin: 0;padding: 10px 0;}
.showtit span{color: #aaa;display: block;padding: 0 0 20px;border-bottom: 1px dashed #ddd;font-size: 12px;}
.showcon{padding: 20px 0;line-height: 200%;color: #555;font-size: 15px;border-bottom: 1px dashed #ddd;
}
.showcon img{display: block;max-width: 100%;height: auto!important;margin: 5px auto;}
.showbt{padding: 20px 0 0;}
.showbt div:first-child a{color: #999;line-height: 150%;}
.showbt div:first-child span{text-decoration: none;display: block;color: #999;}
.showbt div:last-child a{display: inline-block;color: #fff;background: #cc0033;padding: 5px 10px;margin: 10px 0 0;}

/*产品*/
.prodli{margin: 20px 0 50px}
.prodli ul{margin-bottom: 20px;}
.prodli ul li{margin: 0 0 15px;}
.prodli ul li a{text-decoration: none;color: #555;background: #fff;border: 1px solid #ddd;display: block;}
.prodli ul li img{padding: 5px;}
.prodli ul li h5{padding: 15px 0;border-top: 1px solid #ddd;margin: 0;}
.prodli ul li .prodpic{position: relative;height: 180px;overflow: hidden;}
.prodli ul li:hover .prodico{opacity: 1;}
.prodli ul li .prodico{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);
opacity: 0;transition: all 0.35s}
.prodli ul li .prodico span{display: block;width: 50px;height: 50px;line-height: 50px;background: rgba(255,255,255,.8);
position: absolute;left: 50%;top: 50%;margin-left: -25px;margin-top: -25px;border-radius: 50%;color: #cc0033;}
.prodli .lipage{border-top: 1px solid #ddd;padding: 30px 0 0;}













@media only screen and (min-width:1280px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:768px) {

}
@media only screen and (max-width:480px) {
.navbar-default{background: #333;border: 0;position: fixed;top: 0;left: 0;z-index: 999;width: 100%;}
.navbar-default .navbar-brand{padding: 5px 15px;}
.navbar-default .navbar-collapse{background: #fff;position: absolute;top: 50px;left: 0;z-index: 999;width: 100%;
margin: 0;box-shadow: 0 0px 10px #555}
.nav&gt;li+li{border-top: 1px solid #eee;}
.nav&gt;li span{float: right;font-size: 12px;vertical-align: bottom;padding-top: 3px;}

.hmtit h3{width:40%;font-size:18px;}
  .hmyewu{padding:20px 0}
  .hmtit:before, .hmtit:after{top:10px}
  .hmyewu .hmtit,.zhanshi .hmtit{margin-bottom:20px}
  .yewu-right ul li img{width:60%}
  .zhanshi .swiper-button-next, .zhanshi .swiper-button-prev{top:54%}
  .aboutword{padding:20px 0}
  .hmcontact ul{padding:10px 0}
  .hmcontact ul li{margin:10px 0}
  .footer ul li{padding:0 10px;}
  .newsli ul li a{width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .newsli ul li span{width:100%;text-align:left;padding:10px 0 0 15px}
  .newsli ul li{line-height:100%;padding:15px 0;}
}
@media only screen and (max-width:320px) {

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