*{margin:0px; padding:0px;}
body{margin:0px;width:100%;padding:0px;font:14px/1.6 'Arial','微软雅黑','Microsoft Yahei';color:#333;background:#fff;}
body.en{ font-family:Arial}
ul,ul li,ol{list-style:none;}
a{color:#333333;}
a:hover{color:#008CD6;}
img{border:none; vertical-align:top}
button,span,div,a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
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;}
.left,.fl{float:left}
.right,.fr{float:right}
.bdbox{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrap{width:1200px;position:relative;margin:0px auto;max-width:1920px}
.transition{-webkit-transition: all 0.86s  ease-out 0s;-moz-transition: all 0.86s  ease-out 0s;  /* FF4+ */-o-transition: all 0.86s  ease-out 0s;transition: all 0.86s  ease-out 0s;}
a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/* header */
#header{width:100%;height:115px;margin:0px auto;background:#fff;}
.hdtop{width:100%;height:44px;background:#1A1A1A; line-height:260%;color:#eee;top:0px;}
.hdtop .right{display:block;}
.hdbox{z-index:99;height:71px;width:100%;margin:0px auto;display:block;top:44px;background:url(../images/hd_bg.png) repeat-x bottom #fff;}
.hdbox #logo{width:278px;height:86px;position:absolute;left:0px;top:-16px; background:#fff;z-index:99;}
.hdbox #logo .left_bg{width:5000px;height:87px;position:absolute;left:-5000px;background:#fff;}
.hdbox #logo a{width:258px;display:block;height:70px;position:absolute;top:6px;left:0px;}
.hdbox #logo img{width:100%;}
.hdbox .nav{margin:0px 0px 0px 278px;padding-left:215px;top:0px;height:71px;background:url(../images/logo_shadow.jpg) no-repeat 0px -1px;}
.hdbox .nav>li{float:left;position:relative;padding:0px 28px;margin:0px 4px;border-top:3px solid #fff}
.hdbox .nav>li>a{font-size:14px;display:block;text-align:center;color:#222;padding:22px 0px 24px; font-weight:400;-webkit-transition: all 0.15s ease;-moz-transition: all 0.15s ease;-o-transition: all 0.15s ease;transition: all 0.15s ease;}
.hdbox .nav>li>a.curr{color:#005BAF;}
.hdbox .nav>li:hover{border-top:3px solid #005BAF}
.hdbox .nav>li:hover>a{color:#005BAF;}
.hdbox .nav>li ul{width:100%;position:absolute;z-index:9999;top:100%;left:0px;overflow:hidden;background:rgba(255,255,255,0.8); text-align:center;padding:6px 0px 8px;visibility:hidden;opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform .5s ease,opacity .5s ease;-moz-transition:transform .5s ease,opacity .5s ease;-o-transition:transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease;box-s hadow:0 2px 2px rgba(0, 0, 0, 0.2);}
.hdbox .nav>li ul li{width:100%;padding:7px 0px 6px;}
.hdbox .nav>li ul li a{color:#333;font-size:14px;}
.hdbox .nav>li ul li:hover a{color:#005BAF}
.hdbox .nav>li ul li span{display:block;height:1px;width:0px;background:#005BAF;margin:3px auto 0px;}
.hdbox .nav>li:hover ul{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;visibility:visible;}
.hdbox .nav>li ul li:hover span{width:47%;}

.hdbox,.hdbox .logo,.hdbox .nav,.hdbox .nav>li,.hdbox .nav>li ul li span{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}

/* tpfixed */
.tpfixed{position:fixed;z-index:999;}

/* main */
#main{}

/*------footer------*/
#footer{width:100%;min-width:1200px;position:relative;overflow:hidden;background:#262626;color:#eee;}
#footer .wrap{height:100%;width:1200px}
#footer .fttop{width:100%;height:270px;margin:47px auto}
#footer .fttop>li{ display:block;float:left;padding-right:50px}
#footer .fttop>li .ftab{width:320px;margin-top:18px;color:#999; line-height:175%;padding-right:35px; text-align:justify; letter-spacing:1px}
#footer .fttop>li.contact{width:300px;padding-top:48px;}
#footer .fttop>li h3{color:#7D7D7D;font-size:18px; font-weight:normal;padding-bottom:10px;width:72%}
#footer .fttop>li ul{margin-top:18px; line-height:125%;}
#footer .fttop>li ul li{padding:5px 0px 10px;line-height:125%;color:#999}
#footer .fttop .contact i{background-size:14px;background-repeat:no-repeat;background-position:center;width:20px;height:20px; display:block;float:left;margin-right:10px}
#footer .fttop .contact .icon_address{background-image:url(../images/icon_address.png);}
#footer .fttop .contact .icon_tel2{background-image:url(../images/icon_tel2.png);}
#footer .fttop .contact .icon_fax{background-image:url(../images/icon_tel3.png);}
#footer .fttop .contact .icon_email{background-image:url(../images/icon_email.png);}
#footer .fttop>li ul li a{color:#999;}
#footer .fttop>li.share{width:204px;padding-top:44px;padding-right:80px; text-align:right}
#footer .fttop>li.share a{display:inline-block;width:55px;margin:25px 10px 0px 0px;height:55px; position:relative; cursor:pointer}
#footer .fttop>li.share img{width:100%;}
#footer .fttop>li.share a>img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.5;}
#footer .fttop>li.share a div{ position:absolute;left:-42px;bottom:55px;width:120px;height:120px;padding:7px 7px 14px;background:url(../images/icon_arr.png) no-repeat 61px 127px;z-index:100; display:none}
#footer .fttop>li.share a div img{width:114px; opacity:1;border:3px solid #fff;}
#footer .fttop>li.share a:hover div{ display:block}
#footer .fttop .ftnav{margin-top:54px}
#footer .fttop .ftnav a{width:105px; color:#999;margin:1px 0px;padding:4px 0px; display:block; background:url(../images/icon_arr2.png) no-repeat top 11px right 2px; background-size:9px;}
#footer .fttop .ftnav a:hover{background-position:top 11px right -2px;}

#footer .ftbox{padding:13px 0px;width:100%;background:#474747;line-height:140%; color:#C8C8C8; text-align:left}
#footer .ftbox span{margin-left:6px;}
#footer .ftbox a{color:#C8C8C8;text-decoration:none; font-size:13px;}
#footer .ftbox a:hover{color:#fff;}
#footer .ftbox .goTop{float:right}


.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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