@charset "utf-8";
/* CSS Document */
body{ font-size:12px;margin:0 auto;padding:0;border:0;font-family:"Microsoft Yahei","微软雅黑","宋体",arial;color:#333;}
div,form,img,ul,ol,li,dl,i,u,span,dt,dd,em,i,h1,h2,h3,h4,p{ padding:0; border:0;margin:0;list-style:none;font-style:normal;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:12px; font-weight:normal}
img{border:none;}
a{text-decoration:none; color:#333; outline:none; cursor:pointer}
a:hover{ text-decoration:underline; color:#0d8144;}
/*初始化end*/

/*公共类start*/
.margin_auto { margin: 0 auto;}
.clear{ clear:both; float:none;}
.fright{ float:right;}
.fright > p > a{color:white;}
.fleft{ float:left;}
.accent-color{ color:#deb128}
.fenye{ width:100%; text-align:center; line-height:30px; height:30px; margin:15px 0; font-size:14px; float:left;}
.content{ width:1200px; height:auto;  margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%; height:auto; overflow:hidden;}
.abs{ position:absolute}
.rel{ position:relative}
.hide{overflow:hidden}
.mt{ margin-top:30px;}
.texthide{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.white{ color:#FFF;}
.red{ color:#F00;}
/*公共类end*/

/*头部start*/
.header{width:100%; height:115px; z-index:99; position:relative; overflow:hidden;}
.top-bar{ width:100%; height:30px; line-height:30px; color:#FFF; background-color:#6d757c; overflow:hidden}
.top-bar p a:hover{ color:#FFF;}
.nav-bar{ width:100%; height:85px; background:url(../images/header_bg.png) repeat-x top;}
.nav-bar .w1200{ width:1260px;}
.nav-bar .logo{ float:left; width:427px; height:50px; margin:18px 0 0 30px; overflow:hidden; position:relative;animation-delay:.5s;}
.navbg{ height:85px;background:url(../images/nav_bg.png) no-repeat left bottom;}
.nav {float:right;width:auto; height:50px; margin-top:18px; margin-right:15px; overflow:hidden;animation-delay:1s;}
.nav li{float:left;height:50px;position:relative}
.nav a{display:block;float:left;position:relative; padding:0 15px; margin-left:10px;height:50px;line-height:25px;font-size:16px; text-decoration:none;}
.nav a:hover span{ color:#0d8144;}
.nav a span{font-size:12px;display:block; color:#666;cursor:pointer;position:relative}
/*头部end*/

/*底部start*/
.footer{ width:100%; height:30px; margin-top:30px; line-height:30px;color:#FFF;background:url(../images/footer_bg.gif) repeat-x top; overflow:hidden}
.backtop{width:36px; height:36px; position: fixed; bottom:40px; right: 10px; display: none; z-index:999;}
.backtop a{display: block; width:44px; height:44px; background: url(../images/back_top.png) no-repeat center;}
/*底end*/

/*animate*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.logo-site:before{
content:"";
position: absolute;
left: -665px;
top: -470px;
width:180px;
height:15px;
background-color: rgba(255,255,255,.5);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
animation: searchLights 2s ease-in 1s 3;
}
@keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 400px; top:0px; }
}



/*备用样式start
*{ filter:alpha(opacity=90); opacity:0.9;}
*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
*{transition-duration: 0.5s;-ms-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
*{ -webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
*a:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
备用样式end*/