@charset "utf-8";
/* CSS Document */
body{ background:url(../images/zn-bannerbg.png) top center  no-repeat #f8f8f8;}
.pos-rel{position: relative;}

.jg-banner{  height: 425px; }
.jg-banner .img-title{ display: none;}
.jg-logo{ padding-top: 20px;}
.jg-logo img{ width: 320px; max-width: 94%;  height: auto;}
.jg-banimg{ text-align: center; padding-top:90px;}
.jg-banimg img{ max-width: 94%; height: auto;}
.zt_right{position: absolute;top:10px;right: 0;}
.zt_right li{float: left;margin-left: 10px;}
.zt_right li a{display: block;background:rgba(255,255,255,.8);color: #333;border-radius: 4px;font-size: 15px;height:30px;line-height:30px;padding: 0 15px;}
.zt_right li a.hygq_goback:hover{ color: #dd0000;}


.jg-mainbox{ background: #ffffff; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.27), 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.27), 0 0 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.27), 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.27), 0 0 10px rgba(0, 0, 0, 0.2);   min-height: 200px; margin-bottom: 20px;}
.jg-unitBox{ padding: 20px 0;}
.jg-unitBox .jg-unit{ float: left; width: 23.3%; padding: 0 5%; position: relative; font-size: 18px; margin: 8px 0; }
.jg-unitBox .jg-unit .tit{ display: block; background:url(../images/jg-ico.gif) left center  no-repeat;  padding-left: 16px; line-height: 48px; height: 48px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.jg-unitBox .jg-unit  .unitlink{ display: none;  position: absolute; width: auto; left:2%; right:0; top:50%; margin-top: -40px; padding: 10px; background: #bb0000; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; z-index: 2;}
.jg-unitBox .jg-unit  .title{ display: block; text-align: center;  font-weight: bold;  line-height: 34px; color: #fff9ba;}
.jg-unitBox .jg-unit  .url{ display: block; text-align: center;    line-height: 34px;}
.jg-unitBox .jg-unit  .url a{ display: inline-block; color: #fff; padding: 0 8px;}
.jg-unitBox .jg-unit  .url a:hover{ color: #fbf297; }

@media (max-width: 767px){
    body{background-size: auto 100%; }
    .jg-banner{ height: auto; }
    .jg-banimg{  padding: 20px 10px;}
    .jg-unitBox .jg-unit{ width: 40%;}
    .jg-banimg img{ width: 95%;  height: auto;}
    .zt_right{ right:10px;}
    .jg-logo{ padding: 50px 10px 0 10px; text-align:center;}
    .jg-unitBox .jg-unit {width: auto;float: none;}
    .jg-unitBox .jg-unit .tit{ display: none;}
    .jg-unitBox .jg-unit  .unitlink{ display: block !important; position: static; margin: 10px 0;}

}