/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
address,i,em,b{font-style:normal;}
[hidefocus],summary,button:focus{outline:0;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label{cursor:default;}
a,button,input[type="submit"]{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal; display:block;}
a{-webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
a{color:inherit;}
a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.6 Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'SimSun', Tahoma, Helvetica, STHeiti !important; color:#454545; outline:0;}
body{position:relative; min-width:1280px; background:#fff; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}

.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}
.dib{display:inline-block; *display:inline; *zoom:1;}






@-webkit-keyframes fadeIn {
  from {opacity:0;}
}
@-moz-keyframes fadeIn {
  from {opacity:0;}
}
@keyframes fadeIn {
  from {opacity:0;}
}

@-webkit-keyframes rightIn{
  from{opacity:0; -webkit-transform:translate3d(30px,0,0);}
}
@-moz-keyframes rightIn{
  from{opacity:0; -moz-transform:translate3d(30px,0,0);}
}
@keyframes rightIn{
  from{opacity:0; transform:translate3d(30px,0,0);}
}

@-webkit-keyframes leftIn{
  from{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
}
@-moz-keyframes leftIn{
  from{opacity:0; -moz-transform:translate3d(-30px,0,0);}
}
@keyframes leftIn{
  from{opacity:0; transform:translate3d(-30px,0,0);}
}

@-webkit-keyframes upIn{
  from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes upIn{
  from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes upIn{
  from{opacity:0; transform:translate3d(0,-30px,0);}
}

@-webkit-keyframes downIn{
  from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes downIn{
  from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes downIn{
  from{opacity:0; transform:translate3d(0,30px,0);}
}

@-webkit-keyframes bounceIn {
  0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3);}
  60% {opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform:scale3d(.97, .97, .97);}
  100% {opacity:1; -webkit-transform:scale3d(1, 1, 1);}
}
@-moz-keyframes bounceIn {
  0% {opacity:0; -moz-transform:scale3d(.3, .3, .3);}
  60% {opacity:1; -moz-transform:scale3d(1.03, 1.03, 1.03);}
  80% {-moz-transform:scale3d(.97, .97, .97);}
  100% {opacity:1; -moz-transform:scale3d(1, 1, 1);}
}
@keyframes bounceIn {
  0% {opacity:0; transform:scale3d(.3, .3, .3);}
  60% {opacity:1; transform:scale3d(1.03, 1.03, 1.03);}
  80% {transform:scale3d(.97, .97, .97);}
  100% {opacity:1; transform:scale3d(1, 1, 1);}
}

@-webkit-keyframes widthIn{
  from{width:0;}
}
@-moz-keyframes widthIn{
  from{width:0;}
}
@keyframes widthIn{
  from{width:0;}
}

@-webkit-keyframes dialogIn{
    0%{-webkit-transform:scale(.5);opacity:0;}
    70%{-webkit-transform:scale(1.03);}
    100%{-webkit-transform:scale(1);}
}
@-moz-keyframes dialogIn{
    0%{-moz-transform:scale(.5);opacity:0;}
    70%{-moz-transform:scale(1.03);}
    100%{-moz-transform:scale(1);}
}
@keyframes dialogIn{
    0%{transform:scale(.5);opacity:0;}
    70%{transform:scale(1.03);}
    100%{transform:scale(1);}
}


.downIn{-webkit-animation:downIn .7s both paused; -moz-animation:downIn .7s both paused; animation:downIn .7s both paused;}
.fadeIn{-webkit-animation:fadeIn 1s both paused; -moz-animation:fadeIn 1s both paused; animation:fadeIn 1s both paused;}
.leftIn{-webkit-animation:leftIn .8s both paused; -moz-animation:leftIn .8s both paused; animation:leftIn .8s both paused;}
.rightIn{-webkit-animation:rightIn .8s both paused; -moz-animation:rightIn .8s both paused; animation:rightIn .8s both paused;}

.leftIn.animated,
.rightIn.animated,
.downIn.animated,
.fadeIn.animated{-webkit-animation-play-state:running !important; -moz-animation-play-state:running !important; animation-play-state:running !important;}



#header{position:relative; width:1280px; height:167px; margin:auto; padding-top:33px; overflow:hidden; z-index:101; background: #fff;}
.hader-slogan{width:501px; height:80px; background:url(../img/header_slogan.jpg) 0 100% no-repeat;}
#nav{height:88px; line-height:30px;}
#nav a{position:relative; float:left; margin-top:29px; margin-right:36px; color:#666; font-size:16px; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
#nav a:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:transparent; -webkit-transform:translateY(2px); -moz-transform:translateY(2px); transform:translateY(2px); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
#nav a.act,
#nav a:hover{color:#75bd96;}
#nav a.act:after,
#nav a:hover:after{background-color:#75bd96; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
#logo{position:absolute; top:33px; right:0; width:130px; height:130px; background:url(../img/logo.jpg) no-repeat;}


.bodyline{position:absolute; top:0; bottom:0; width:1px; z-index:100; background:#f6f6f6; }
.bodyline.line01{left:50%; margin-left:-639px;}
.bodyline.line02{left:50%; margin-left:-319px;}
.bodyline.line03{left:50%;}
.bodyline.line04{left:50%; margin-left:319px;}
.bodyline.line05{left:50%; margin-left:639px;}








.contact{position:relative; z-index:102; width:1280px; margin:0 auto 108px; text-align:center;}
.contact a{position:relative; display:inline-block; width:120px; height:120px; margin:0 50px; border-radius:50%; background-color:#53b753; background-repeat:no-repeat; background-position:50% 50%; vertical-align:middle; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.contact a:hover{background-color:#75bd96;}
.contact-qq{background-image:url(../img/contact_qq.png);}
.contact-qqs{background-image:url(../img/contact_qqs.png);}
.contact-wx{background-image:url(../img/contact_wx.png);}
.contact-wx-qrcode{position:absolute; top:50%; left:50%; width:76px; height:76px; margin:-38px 0 0 -38px; opacity:0; filter:alpha(opacity=0); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.contact-tel{background-image:url(../img/contact_tel.png);}
.contact a div{position:absolute; top:140px; left:50%; width:200px; height:26px; margin-left:-100px; color:#75bd96; overflow:hidden; text-align:center; line-height:26px;}
.contact a div ul{position:absolute; top:0; left:0; width:100%; -webkit-transition:.2s; -moz-transition:.2s; transition:.2s;}
.contact a:hover div ul{top:-26px;}
.contact a:hover .contact-wx-qrcode{opacity:1; filter:alpha(opacity=100);}
.contact a div ul li{font-size: 18px;}


#footer{position:relative; z-index:101; height:250px; padding-top:7px; background:url(../img/ft-border.jpg) repeat-x #75bd96; overflow:hidden;}
.ft-container{position:relative; width:1280px; margin:auto; padding:104px 8px 0; }
.ft-logo{float:left; width:169px; height:35px; background:url(../img/ft-logo.png) no-repeat;}
.ft-menu{float:left; margin-left:38px; padding-top:18px;}
.ft-menu a{margin-right:35px; color:#fff; font-size: 16px;}
.ft-copyright{float:left; width:1280px; margin-top:18px; color:#a9dda9; font-size:12px;}
.ft-qrcode{position:absolute; top:44px; right:0px; width:180px; text-align:center;}
.ft-qrcode img{vertical-align:top;}
.ft-qrcode p{margin-top:14px; color:#fff; font-size:16px;}