*{ margin:0px; padding:0px;}
body {margin:0px;width:100%;padding:0px;font:14px/1.6 '微软雅黑','Microsoft Yahei','helvetica','arial';color:#333;background:#fff;}
html,body{height:100%;}
ul,ul li,ol{list-style:none;}
img{border:none; vertical-align:top}
a{color:#333333;}
button,span,div,a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.bdbox{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0em;-webkit-border-radius:0m;-moz-border-radius:0em;padding:0px;border:0px; font-family:'Microsoft Yahei';}
.clear{clear: left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;*zoom:1;}
.fl{float:left}
.fr{float:right}
.font14{font-size:14px;}
.center{text-align:center}
.left{float:left}
.right{float:right}
.transition{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.wrap{width:1200px;position:relative; overflow:hidden;margin:0px auto}

/* header */
#header{width:100%;height:88px;margin:0px auto;background:#fff;}
.hdbox{height:100%;}
.hdbox .logo{width:140px;height:60px;position:absolute;left:12px;top:14px;}
.hdbox .nav{height:88px;width:600px;margin:0px auto;position:absolute;left:402px;top:0px;}
.hdbox .nav li{float:left;position:relative;width:114px;overflow:hidden}
.hdbox .nav li a{width:66px;font-size:15px;display:block;text-align:center;padding:31px 24px 32px;}
.hdbox .nav li.curr a,.hdbox .nav li a:hover{color:#ff6600}
.hdbox .nav .navslip{height:3px;background-color:#FF6600;position:absolute;top:0;width:66px;left:24px;overflow:hidden; }
.hdbox .htel{background:url(../images/icon_tel.jpg) no-repeat left 5px;padding-left:32px;position:absolute;right:12px;top:25px;color:#ff6600; font-size:23px; font-family:"Times New Roman", Times, serif}

/* banner */
#banner{width:100%;min-width:1200px;height:690px;overflow:hidden;margin:0px auto;position:relative;background:#eee;}

/*------footer------*/
#footer{width:100%;height:130px;min-width:1200px;border-top:1px solid #ddd;position:relative;overflow:hidden;text-align:center;background:#f2f2f2; color:#333}
#footer .ftbox{margin:30px auto;position:relative;line-height:230%;overflow:hidden;text-align:center}
#footer a{color:#333;}
#footer a:hover{text-decoration:underline}

/* customer */
.customer{width:56px; position:fixed;right:6px;top:50%;margin-top:-160px; z-index:1000}
.customer a{ cursor:pointer; position:relative;display:block;width:56px;height:56px;margin:2px 0px; overflow:hidden}
.customer a div{position:absolute; -webkit-transition: all 0.18s ease;-moz-transition: all 0.18s ease;-o-transition: all 0.18s ease;transition: all 0.18s ease;right:56px;width:160px; display:block;opacity:0;text-align:center;overflow:hidden;height:26px;padding:15px 0px; color:#fff;background:#ff5500;font-size:16px; }
.customer a.rn_qq{background:url(../images/icon_qq.png) no-repeat #787878; background-size:100%}
.customer a.rn_weixin{ background:url(../images/icon_weixin.png) no-repeat #787878; background-size:100%}
.customer a.rn_tel{ background:url(../images/icon_tel.png) no-repeat #787878; background-size:100%}
.customer a.rn_top{ background:url(../images/icon_top.png) no-repeat #787878; background-size:100%;}
.customer a:hover{ background-color:#ff5500; overflow:visible}
.customer a:hover div{opacity:1;}
.customer a.rn_weixin div{top:-58px;height:130px;padding:15px 0px;}
.customer a.rn_weixin img{width:130px;height:130px;}

/* delay */
.delay1{animation-delay:0.1s;-moz-animation-delay:0.1s;-webkit-animation-delay:0.1s;-o-animation-delay:0.1s;}
.delay2{animation-delay:0.2s;-moz-animation-delay:0.2s;-webkit-animation-delay:0.2s;-o-animation-delay:0.2s;}
.delay3{animation-delay:0.3s;-moz-animation-delay:0.3s;-webkit-animation-delay:0.3s;-o-animation-delay:0.3s;}
.delay4{animation-delay:0.4s;-moz-animation-delay:0.4s;-webkit-animation-delay:0.4s;-o-animation-delay:0.4s;}
.delay5{animation-delay:0.5s;-moz-animation-delay:0.5s;-webkit-animation-delay:0.5s;-o-animation-delay:0.5s;}
.delay6{animation-delay:0.6s;-moz-animation-delay:0.6s;-webkit-animation-delay:0.6s;-o-animation-delay:0.6s;}
.delay7{animation-delay:0.7s;-moz-animation-delay:0.7s;-webkit-animation-delay:0.7s;-o-animation-delay:0.7s;}
.delay8{animation-delay:0.8s;-moz-animation-delay:0.8s;-webkit-animation-delay:0.8s;-o-animation-delay:0.8s;}
/*.ani{opacity:0.0!important;-webkit-transform:translateY(40px)!important;transform:translateY(40px)!important;-webkit-transition-timing-function:cubic-bezier(.41,.2,.38,.8)!important;transition-timing-function:cubic-bezier(.41,.2,.38,.8)!important;-webkit-transition-property:opacity,-webkit-transform!important;transition-property:opacity,transform!important;-webkit-transition-duration:.6s!important;transition-duration:.6s!important}
.ani.fadeInUp{opacity:1.0!important;-webkit-transform:translateY(0) translateZ(0)!important;transform:translateY(0) translateZ(0)!important}
*/
.ani {-webkit-animation-duration:0.6s;animation-duration: 0.6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0;-webkit-animation-timing-function:cubic-bezier(.41,.2,.38,.8)!important;animation-timing-function:cubic-bezier(.41,.2,.38,.8)!important;}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}