@charset "gb2312";
/* CSS Document */
/*样式清除*/
*{margin:0;padding:0;}
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, input, textarea, select{margin: 0;padding: 0;color: #fff;font-size: 14px;font-family: "微软雅黑";}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
img{border:0;}
em{font-style:normal}
li{list-style:none}
em,i{font-style:normal}
textarea,input{background: none; border:none;}
a{text-decoration:none;}
.clearfix{*zoom:1}
.clearfix:after{visibility:hidden;clear:both;display:block;content:".";height:0}
.fl{float:left;}
.fr{ float:right;}


/*header*/
.zg{ background:url(imagesnr_01.jpg) no-repeat center center; width:100%;}
.zg_top{height:60px;overflow:hidden;  margin:0 auto; width:1000px; background:url(imagesnr_01.jpg) no-repeat center center;}
.zg_logo{ display:block;width:150px;margin-top:13px; margin-right:30px;}
.offcn_nav{ width:500px; margin-top:30px;}
.offcn_nav a{color:#fff;border-right:1px solid #fff;padding:0 3px 0 7px;}
.offcn_tel{  color:#fff;font:18px/28px "Microsoft Yahei";margin-top:20px;}




/*zg_banner*/



.zg_banner{width:100%;height:700px;background:url(imagesnr_02.png)  no-repeat  center  center;  display:block; overflow:hidden;}
.zg_banncon{width:1000px;height:100%;margin:0 auto;position:relative;}
/*.zg_img1{position:absolute;left:103px;top:30px;animation:pulse 10s ease-in-out infinite alternate;-webkit-animation:pulse 3s ease-in-out infinite alternate;-moz-animation:pulse 10s ease-in-out infinite alternate;-o-animation:pulse 10s ease-in-out infinite alternate;-ms-animation:pulse 10s ease-in-out infinite alternate;}*/
.zg_img2{position:absolute;left:-460px;top:-60px; z-index:10;}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
.zg_banncon .zg_img3{position:absolute;left:80px;top:30px;
  animation:shake-hover 1.8s linear 0s infinite normal;
  -webkit-animation:shake-hover 1.8s linear 0s infinite normal;
  -ms-animation:shake-hover 1.8s linear 0s infinite normal;
  -moz-animation:shake-hover 1.8s linear 0s infinite normal;
  -o-animation:shake-hover 1.8s linear 0s infinite normal;
  transform-origin:right bottom;
  -webkit-transform-origin:right bottom;
  -ms-transform-origin:right bottom;
  -moz-transform-origin:right bottom;
  -o-transform-origin:right bottom; 
}
@keyframes shake-hover{
  0% {transform:rotate(0deg);}
  25% {transform:rotate(16deg);}
  50% {transform:rotate(0deg);}
  75% {transform:rotate(-16deg);}
  100% {transform:rotate(0deg);}
}
@-webkit-keyframes shake-hover{
  0% {-webkit-transform:rotate(0deg);}
  25% {-webkit-transform:rotate(16deg);}
  50% {-webkit-transform:rotate(0deg);}
  75% {-webkit-transform:rotate(-16deg);}
  100% {-webkit-transform:rotate(0deg);}
}
@-ms-keyframes shake-hover{
  0% {-ms-transform:rotate(0deg);}
  25% {-ms-transform:rotate(16deg);}
  50% {-ms-transform:rotate(0deg);}
  75% {-ms-transform:rotate(-16deg);}
  100% {-ms-transform:rotate(0deg);}
}
@-moz-keyframes shake-hover{
  0% {-moz-transform:rotate(0deg);}
  25% {-moz-transform:rotate(16deg);}
  50% {-moz-transform:rotate(0deg);}
  75% {-moz-transform:rotate(-16deg);}
  100% {-moz-transform:rotate(0deg);}
}
@-o-keyframes shake-hover{
  0% {-o-transform:rotate(0deg);}
  25% {-o-transform:rotate(16deg);}
  50% {-o-transform:rotate(0deg);}
  75% {-o-transform:rotate(-16deg);}
  100% {-o-transform:rotate(0deg);}
}



/*zg_nav*/
.zg_nav{width:100%;height:auto}
.zg_nav.active{position:fixed;left:0;top:0;}
.zg_navcon{width:1000px;height:100%; position:absolute; z-index:7}




/*zg_shuop*/
.zg_shuop{width:100%;height:4650px;background:url(imagesnr_04.png)  repeat  center  center;}
.zg_shpcon{width:1000px;height:100%;margin:0 auto;background:url(imagesnr_04.png) repeat center center;}

.m1{ display:block; margin-top:0px; position:absolute; z-index:30}
.m2{ display:block; margin-top:424px; position:absolute; z-index:29}
.m3{ display:block; margin-top:848px; position:absolute; z-index:28}
.m4{ display:block; margin-top:1415px; position:absolute; z-index:27}
.m5{ display:block; margin-top:1839px; position:absolute; z-index:26}
.m6{ display:block; margin-top:2263px; position:absolute; z-index:25}
.m7{ display:block; margin-top:2686px; position:absolute; z-index:24}
.m8{ display:block; margin-top:3231px; position:absolute; z-index:23}
.m9{ display:block; margin-top:3656px; position:absolute; z-index:22}
.m10{ display:block; margin-top:4222px; position:absolute; z-index:21}




.sp{ position:absolute;right:5px; top:1170px; z-index:6}







/*地址开始*/
.lnzxdh_bj{ width:100%; height:418px; background:#f8f8f8; }
.lnzxdh{ width:100%; height: auto; margin:0 auto;}
/*地址结束*/







/*结束部分开始*/
.hdd {width: 1000px;margin-top: px;margin-right: auto;margin-bottom: 0px;margin-left: auto; padding-top:20px;}
#foot{width:100%;height:auto;background-color:#25292c;background-repeat: repeat-x;clear:both;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;border-top-width: 1px;border-top-style: solid;border-top-color: #333;}
#foot-all{width:1000px;height:110px;color: #FFF;text-decoration: none;padding-top:5px;line-height: 25px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;text-align: center;font:12px/25px "微软雅黑"}
#foot #foot-all a {color: #CCC;text-decoration: none;}
/*结束部分结束*/



/*咨询开始*/
.zxkf{ width:1000px; height:70px; }
.zxkf p{ width:234px; height:62px;border:1px solid #2ABB2A;border-radius:10px; background:#2ABB2A;  display:block;  text-align:center;}
.zxkf p a{ font:20px/62px "微软雅黑"; color:#fff;}
.zxkf p a:hover{ width:234px; height:62px; border:1px solid #26beaa;border-radius:10px; background:#26beaa; display:block;  text-align:center; color:#fff; }





/*咨询悬挂开始*/
.xg_20150225{ width:auto; height:auto; position:fixed; top:50px; right:0px;}
/*咨询悬挂结束*/