<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
* {margin:0;padding:0;border:0;list-style:none;}
body{background:#fff;color:#333;font:14px "微软雅黑";line-height:200%;}
img{border:0;outline:none;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#c4090f;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.bg {background:url(zzb_bg.jpg);background-size:cover;}
.w1200 {width:1200px;margin:0 auto;}
.w50 {width:650px;}
.w900 {width:900px;_height:500px;min-height:500px;padding-right:30px;}
.w300 {width:300px;}
.w580 {width:580px;}
.h390 {height:390px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt285 {margin-top:285px;}
.mt465 {margin-top:465px;}
.ml32 {margin-left:32px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr30 {margin-right:30px;}
.pt30 {padding-top:30px;}
.bt{border-bottom:1px dotted #aaa;}

.home_01 {height:380px;}
.home_02 {width:580px;height:290px;}
.home_03 {height:740px;}

header {width:100%; z-index:10000;background:url(zzb_head_bg.jpg);}
#header {width:100%;height:147px;background:url(zzb_head.png) no-repeat bottom center;}
#header .logo {margin:35px 0;}
.search {float:right;}
.search_form {width:260px;height:40px;border:1px solid #fff;margin-top:55px;display:block;background:#fff;-moz-box-shadow:-1px 2px 2px #333;-webkit-box-shadow:-1px 2px 2px #333;box-shadow:-1px 2px 2px #333;border-radius:10px; overflow:hidden;}
.search .search-field {padding-left:10px;width:210px;line-height:40px;font-size:14px;color:#666;float:left; display:inline;}
.search .search-btn {position:relative;background:url(zzb_search.png) no-repeat center #e22f2e;width:40px;height:40px;display:inline;float:right;}
.search .search-btn:hover {background:url(zzb_search.png) no-repeat center #c4090f; }

#nav{width:100%;height:50px;background:url(zzb_nav_bg.gif);position:sticky;top:0;display:flex;justify-content: center; z-index:9999;}
.menu{overflow:hidden;margin:0 auto;width:1200px;}
.menu li{float:left;overflow:hidden;width:133px;}
.menu li a{color:#fff;font:20px/50px "微软雅黑", "宋体";text-align:center;display:block;outline:none;font-weight:500;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;}
.menu li a:hover{background:rgba(100,0,0,.4);color:#ff0;text-shadow:0 0 5px #fff;}
.menu .hover a{background:rgba(100,0,0,.4);color:#ff0;outline:none;}
.menu li .subnav{margin:0;padding:0;position:absolute;z-index:999;display:none;background:rgba(150,10,10,0.8);}
.menu li .subnav dt a{display:block;width:150px;position:relative;height:44px;line-height:44px;text-align:center;color:#fff;font-size:16px;}
.menu li .subnav dt a:hover{background:#e42e2e;}
/* =Header
-------------------------------------------------------------- */

#footer {background:url(zzb_bg.jpg) center bottom;}
#footer .footer {font:14px/30px "微软雅黑";height:200px;}
#footer .footer h4 {font:600 18px/40px "微软雅黑";}
#footer .footer h4 span {color:#666;font-weight:200;}
#footer .copy {text-align:center;height:50px;line-height:50px;color:#fff;background:url(zzb_nav_bg.gif);}
#footer .links {width:438px;}
#footer .links li {float:left;width:146px;}
#footer .logo {width:299px;}
#footer .contact {width:240px;padding-left:50px;}
#footer .contact li {}
#footer .code {width:171px;}

#container {min-height:600px;_height:600px;}
#Sidebar {width:280px;}
#Mainbody {width:850px;}

.tit_title {font:700 28px/70px "微软雅黑";background:url(zzb_nav_bg.gif);text-align:center;height:70px;color:#fff;}
.nav_left {padding-bottom:40px;}
.nav_left ul li {border-bottom:1px dotted #ac595c;}
.nav_left ul li a {display:block;font:18px "微软雅黑", "宋体"; font-weight:500;text-align:center;height:48px;line-height:48px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
.nav_left ul li a:hover {background:#0e70c7; color:#fff; border-left:1px solid #fff;}
.nav_left ul .hover a {background:#0e70c7; color:#fff; border-left:1px solid #fff;}
.special li {overflow:hidden;height:130px;width:280px;margin:2px 0;}
.special li img {width:280px;height:130px;}

.tot_title {border-bottom:2px solid #e22f2e;padding:20px 0;height:30px;}
.tot_title h3 {font:400 28px/30px "微软雅黑";color:#e22f2e;float:left;}
#position {height:30px;line-height:30px;float:right;}
#position span {color:#e22f2e;}
.show {margin:0 10px;}

.content {padding:10px;font-size:16px;}
.title {text-align:center;border-bottom:1px dotted #ccc;}
.title h3 {font-size:24px;line-height:60px; font-weight:600;}
.tit_attr {margin-bottom:5px;font-size:14px;color:#666;}

/**/
.home_title {height:50px;border-bottom:2px solid #e22f2e;font:700 24px/50px "微软雅黑";color:#e22f2e;}
.home_title span {font:200 24px/30px "微软雅黑";}
.home_title .more {float:right;margin-top:10px;display:block;padding:0 5px; border-radius:4px; height:30px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;color:#888;font:200 16px/30px "微软雅黑";}
.home_title a:hover {background:#0e70c7;color:#fff;}

.photo_list {clear:both;height:182px;}
.photo_list li {float:left;width:224px;height:182px;margin-left:20px;overflow:hidden;}
.photo_list li a {transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;display:block;padding:20px 0;font:500 20px/40px "微软雅黑";text-align:center;color:#000;}
.photo_list li img {width:100px;height:100px;display:block;margin:0 auto;}
.photo_list .photo_top {margin-left:0;}
.photo_list li a:hover {color:#f00;}
.button {position: relative; border-radius:20px;overflow: hidden;width:180px;height:180px;margin:0 auto;filter: hue-rotate(0deg);border: 1px solid #bbb; transition: all 0.1s linear;background:#fff;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.button:hover { border: 1px solid transparent;background:#fdd;}
.photo_list li .bg1 a{font:500 16px/20px "微软雅黑";}
.bg2:hover{background:#dfd;}
.bg3:hover{background:#ddf;}
.bg4:hover{background:#ffc;}
.bg5:hover{background:#ccd;}
.button:hover span {
  position: absolute;
  display: block;
}
.button:hover span:nth-child(1) {
  filter: hue-rotate(0deg);
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, transparent, #3a86ff);
  animation: animate1 1s linear infinite;
}
@keyframes animate1 {
  0% {
    left: -100%;
  }
  50%,
        100% {
    left: 100%;
  }
}
.button:hover span:nth-child(2) {
  filter: hue-rotate(60deg);
  top: -100%;
  right: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #3a86ff);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}
@keyframes animate2 {
  0% {
    top: -100%;
  }
  50%,
        100% {
    top: 100%;
  }
}
.button:hover span:nth-child(3) {
  filter: hue-rotate(120deg);
  bottom: 0;
  right: 0;
  width: 100%;
  background: linear-gradient(270deg, transparent, #3a86ff);
  animation: animate3 1s linear infinite;
  animation-delay: 0.5s;
}
@keyframes animate3 {
  0% {
    right: -100%;
    height: 5px;
  }
  50%,
        100% {
    height: 5px;
    right: 100%;
  }
}
.button:hover span:nth-child(4) {
  filter: hue-rotate(300deg);
  bottom: -100%;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #3a86ff);
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
}
@keyframes animate4 {
  0% {
    bottom: -100%;
  }
  50%,
        100% {
    bottom: 100%;
  }
}

.news_list {clear:both;}
.news_list li {clear:both;position:inherit;border-bottom:1px dashed #999;}
.news_list li:hover {background:#eee;border-bottom:1px dashed #999;}
.news_list li a {transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;padding-left:24px;background:url(zzb_ico.png) no-repeat 0 3px;font:16px/46px "微软雅黑";}
.news_list li a span {float:right;color:#888;}
.news_list .news_top dd {line-height:36px;color:#888;padding:0px 0px 10px 26px;}
.news_list dt {padding:0;margin:0;}

.info_list {clear:both;}
.info_list li {float:left;border:1px solid #bbb;display:block;width:280px;height:198px;background:#fff;margin-left:24px;overflow:hidden;}
.info_list li:hover {background:#eee;}
.info_list li .infoDate {color:#db0d11;font:600 18px/48px "微软雅黑";height:48px;margin:0 10px;}
.info_list li .infoTitle {font:16px/36px "微软雅黑";margin:10px;}
.info_list li .infoHref {display:block;}
.info_list li .infoHref hr {width:100px;height:1px;background:#db0d11;margin:0 10px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.info_list li .infoHref:hover hr {width:258px;background:#0e70c7;}
.info_list li .infoRead {float:right;width:90px;height:35px;margin-right:10px;}
.info_list li .infoRead a {display:block;width:100%;height:100%;text-align:center;font:14px/35px "微软雅黑";color:#fff;background:#e22f2e;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.info_list li .infoRead a:hover {background:#0e70c7;}
.info_list .info_top {margin-left:0;}
/* Common style */

.list {margin:40px auto;}
.list li {overflow: hidden;width:100%;height:50px;border-bottom: 1px dashed #999;transition:all .3s ease;clear:both;}
.list li:hover {height:110px;background:#eee;}
.list li dl {font:200 16px/50px "微软雅黑";color:#888;float:right;}
.list li dt {font:500 18px/50px "微软雅黑";color:#000;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .5s ease;background:url(zzb_ico.png) no-repeat 0 18px;padding-left:28px;}
.list li dd {color:#888;font:200 14px/30px "微软雅黑";padding:0 30px;}
.rightIcon {width:40px;height:40px;overflow:hidden;background:url(list_02.png) no-repeat;float:right;margin-top:40px;}
.list a:hover .rightIcon {background:url(list_01.png) no-repeat;}
.pageChanger{padding:5px; text-align:center; border-top:dotted 1px #333; line-height:30px;}
/*---------------*/
/***** Julia *****/
/*---------------*/
figure.effect-julia {background:#fff;}
figure.effect-julia img {max-width: none;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
figure.effect-julia:hover img {opacity:1;-webkit-transform: scale3d(1.3,1.3,1);transform: scale3d(1.3,1.3,1);}

.tot_content {padding:20px 0;line-height:200%;}

.pageChanger{padding:5px; text-align:center; border-top:dotted 1px #333; line-height:30px;}

#slider-container{width:580px;height:380px;overflow:hidden;position:relative;}
.nivoSlider{margin-bottom:10px;position:relative;}
.nivoSlider img{left:0px;top:0px;display:none;position:absolute;width:580px;height:380px;}
.nivoSlider a{border:0px currentColor;display:block;}
.nivo-directionNav a{width:22px;height:24px;text-indent:-9999px;display:block;}
#slider{width:580px;height:380px;overflow:hidden;position:relative;z-index:9;}
#slider h1{color:#fff;font:500 18px/40px "微软雅黑";}
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;width:580px;height:380px;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgba(0,0,0,.8);padding:10px 20px;left:0px;top:-200px;width:540px;height:95px;color:#fff;position:absolute;z-index:8;}
.nivo-caption p{margin:0px;padding:0px;}
.nivo-caption a{display:inline !important;color:#fff;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:50%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{background:url("prev.png") no-repeat;left:10px;}
.nivo-nextNav{background:url("next.png") no-repeat;right:10px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}

.mF_liuzg{position:relative;width:580px;height:380px;overflow:hidden;font:12px/1.5 Verdana,Geneva;background:#fff;}
.mF_liuzg .loading{position:absolute;z-index:9999;width:100%;height:380px;color:#fff;text-align:center;background:#2c2c2c;line-height:380px;vertical-align:middle;}
/*载入画面*/
.mF_liuzg .pic li{width:580px;position:relative;overflow:hidden;*margin-top:-2px;}
.mF_liuzg .pic li p{width:580px;position:absolute;}
.mF_liuzg .pic li p a{display:block;}/*图片和焦点图框架一样大小*/
.mF_liuzg .pic li p img{width:580px;height:380px;}
.mF_liuzg .txt li{position:absolute;z-index:2;bottom:0;width:640px;height:110px;line-height:30px;overflow:hidden;display:none;}
.mF_liuzg .txt li a{display:block;color:#fff;padding:2px 0 0 16px;font-size:14px;text-decoration:none;}/*标题样式*/
.mF_liuzg .txt li a span {display:block;font:18px/40px "微软雅黑";}
.mF_liuzg .txt-bg{position:absolute;bottom:0;z-index:1;width:580px;height:110px;overflow:hidden;background:rgba(0,0,0,.3);left: 1px;}/*标题背景*/
.mF_liuzg .num{position:absolute;z-index:3;bottom:6px;right:8px;color:#333;}/*按钮样式*/
.mF_liuzg .num li{float:left;width:22px;height:18px;position:relative;line-height:18px;text-align:center;margin-right:3px;cursor:pointer;background:#434343;filter:alpha(opacity=90);opacity:0.9; color:#fff;}
.mF_liuzg .num li.current,.mF_liuzg .num li.hover{background:#db0d11;color:#fff;font-weight:bold;height:20px;line-height:20px;top:-2px;}

.nTab{overflow:hidden;height:380px;}
.none {display:none;}
.nTab .TabTitle {height:50px;border-bottom:2px solid #e22f2e;}
.nTab .TabTitle ul {margin:0 auto;padding:0;list-style:none;}
.nTab .TabTitle li{float:left;height:50px;color:#888;margin-right:10px;font:100 24px/50px "微软雅黑";}
.nTab .TabTitle li a {color:#888;font-weight:700;margin-right:10px;}
.nTab .TabTitle li span {font-weight:100;}
.nTab .TabTitle .active a {color:#e22f2e;}
.nTab .TabTitle .normal a {color:#888;}
.nTab .TabContent{clear:both;overflow:hidden;display:block;}
.nTab .TabTitle .more {float:right;margin-top:10px;line-height:30px;display:block;padding:0 5px; border-radius:4px; height:30px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;color:#888;font:200 16px/30px "微软雅黑";}
.nTab .TabTitle .more:hover {background:#0e70c7;color:#fff;}

.Cadre{overflow:hidden;height:380px;}
.Cadre .TabTitle {text-align:center;}
.Cadre .TabTitle div {}
.Cadre .TabTitle span{height:50px;color:#888;font:100 24px/30px "微软雅黑";}
.Cadre .TabTitle span a {color:#888;font-weight:700;margin:0 10px;}
.Cadre .TabTitle .active a {color:#e22f2e;}
.Cadre .TabTitle .normal a {color:#888;}
.Cadre .TabTitle h3 {font:100 24px/30px "微软雅黑";display:block;clear:both;color:#e22f2e;}
.Cadre .TabContent{clear:both;overflow:hidden;display:block;height:200px;}
.Cadre .more {margin:20px auto 0 auto;width:230px;height:30px;line-height:30px;}
.Cadre .more a{transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;font:200 16px/30px "微软雅黑";display:block;width:100%;height:100%;text-align:center;border:1px solid #e42e2e;background:#fff;}
.Cadre .more a:hover {background:#e22f2e;color:#fff;}
</pre></body></html>