/*
* common.css
* by zwl
*/

/* header */
#header{position:relative;height:82px;background:url("../../images/hinew/header_bg.png") repeat-x;overflow:hidden;z-index:9;}
#header .header_bg{position:absolute;bottom:0;width:100%;height:2px;background-color:#000;opacity:0.05;filter:alpha(opacity=5);}
#header .inner{height:80px;}
#header .logo{display:block;width:257px;height:51px;margin-top:20px;background:url('../../images/hinew/logo.png') no-repeat;outline:none;}

#menuList{position:relative;border-left:1px solid #eaeaea;border-right:1px solid #fff;}
#menuList .lbl{position:absolute;bottom:0;left:0;display:block;height:2px;line-height:2px;overflow:hidden;background-color:red;z-index:99;zoom:1;}
#menuList li{position:relative;float:left;border-left:1px solid #fff;border-right:1px solid #eaeaea;cursor:pointer;}
#menuList li a{display:block;height:80px;padding:0 30px;line-height:110px;text-align:center;color:#666;font-size:18px;text-decoration:none;zoom:1;}
#menuList li.current a,
#menuList li:hover a{color:#333;}
#menuList li.current .lbl{display:block;}
#menuList li:hover .lbl{display:block;}

#header .help_list{margin-left:70px;}
#header .help_list li{float:left;}
#header .help_list li a{margin-left:20px;line-height:110px;color:#1285cd;font-size:15px;text-decoration:none;}
#header .help_list li a:hover{text-decoration:underline;}

/* banner */
#banner{position:relative;min-width:980px;height:500px;margin:0 auto;margin-top:-2px;}
#banner .tab_list{position:absolute;left:50%;bottom:15px;width:40px;margin-left:-20px;z-index:9;_width:46px;}
#banner .tab_list .tab{display:block;width:14px;height:14px;margin:0 3px;background:url('../../images/hinew/icons.png') no-repeat 0 0;cursor:pointer;}
#banner .tab_list .tab.current{background-position:-15px 0;cursor:default;}

#banner .tab_con_wrap{position:relative;height:100%;min-height:500px;/* overflow:hidden; */}
#banner .tab_con{position:absolute;top:0;left:0;display:none;width:100%;height:100%;z-index:0;}
#banner .tab_con.current{z-index:1;}
#banner .con1{background:url('../../images/hinew/banner/banner1.png') no-repeat bottom center;}
#banner .con2{background:url('../../images/hinew/banner/banner2.png') no-repeat bottom center;}

#banner .tab_con .inner{height:500px;height:100%;border-top:1px solid transparent;}
#banner .tab_con .btn{position:relative;display:block;width:229px;height:49px;text-decoration:none;}
#banner .tab_con .btn .btn_inner{border-top:1px solid #fdb65f;}
#banner .tab_con .btn .icon{position:absolute;top:0;left:0;display:block;width:22px;height:28px;background:url('../../images/hinew/icons.png') no-repeat 0 -19px;}
#banner .tab_con .btn .text{margin-left:66px;line-height:46px;color:#fff;font-size:20px;}

#banner .con1 .welcome{width:244px;height:46px;margin:124px 0 0 535px;text-indent:-1000px;background:url('../../images/hinew/welcome.png') no-repeat;overflow:hidden;}
#banner .con1 .tip{display:block;width:346px;height:20px;margin:20px 0 0 535px;background:url('../../images/hinew/tip1.png') no-repeat;}
#banner .con1 .download_wrap{position:relative;margin:40px 0 0 535px;}
#banner .con1 .btnIOS{display:block;width:231px;height:51px;margin-top:20px;background:url('../../images/hinew/icons_btn.png') no-repeat 0 0;}
#banner .con1 .btnIOS:hover{background-position:-236px 0;}
#banner .con1 .btnAndroid{display:block;width:231px;height:51px;background:url('../../images/hinew/icons_btn.png') no-repeat 0 -56px;}
#banner .con1 .btnAndroid:hover{background-position:-236px -56px;}
#banner .con1 .two_code{position:absolute;top:5px;left:278px;}
#banner .con1 .two_code_tip{position:absolute;top:106px;left:260px;color:#666;font-size:12px;}

#banner .con2 .welcome{width:244px;height:46px;margin:158px 0 0 535px;background:url('../../images/hinew/welcome.png') no-repeat 0 0;}
#banner .con2 .tip{display:block;width:391px;height:20px;margin:20px 0 0 535px;background:url('../../images/hinew/tip2.png') no-repeat;}
#banner .con2 .download_wrap{position:relative;margin:40px 0 0 535px;}
#banner .con2 .btnPC{display:block;width:218px;height:55px;background:url('../../images/hinew/icons_btn.png') no-repeat 0 -112px;}
#banner .con2 .btnPC:hover{background-position:-223px -112px;}

/* footer */
#footer{padding-bottom:200px;}
#footer .footer_wrap{position:absolute;right:0;bottom:0;left:0;width:100%;}
#footer .inner{position:relative;padding:40px 0 10px;border-top:1px solid #d3d3d3;text-align:center;color:#666;font-family:'Microsoft Yahei';}
#footer .link_list{position:relative;right:-40px;display:inline-block;margin:0 auto;overflow:hidden;*width:531px;_width:531px;*width:578px;_width:578px;}
#footer .link_list li{float:left;margin-right:80px;}
#footer .link_list a{position:relative;display:inline-block;height:30px;padding-left:45px;line-height:30px;font-size:13px;color:#666;}
#footer .link_list a .icon{position:absolute;top:0;left:0;display:inline-block;width:30px;height:30px;background:url('../../images/hinew/icons.png') no-repeat -38px 0;}
#footer .link_list .tieba .icon{background-position:-38px 0;}
#footer .link_list .space .icon{top:1px;width:30px;height:26px;background-position:-38px -40px;}
#footer .link_list .weibo .icon{top:3px;width:30px;height:24px;background-position:-38px -77px;}
#footer .link_list a .text{display:inline-block;}
#footer .link_list .tieba:hover .icon{background-position:-73px 0;}
#footer .link_list .space:hover .icon{top:1px;width:30px;height:26px;background-position:-73px -40px;}
#footer .link_list .weibo:hover .icon{top:3px;width:30px;height:24px;background-position:-73px -77px;}
#footer .link_list a:hover .text{color:#1285cd;text-decoration:underline;}
#footer .link_list a.disabled{cursor:default;}
#footer .link_list a.disabled:hover .text{color:#666;text-decoration:none;}
#footer .link_list a.disabled.tieba:hover .icon{background-position:-38px 0;}
#footer .link_list a.disabled.space:hover .icon{top:1px;width:30px;height:26px;background-position:-38px -40px;}
#footer .link_list a.disabled.weibo:hover .icon{top:3px;width:30px;height:24px;background-position:-38px -77px;}
#footer .copyright{margin-top:20px;line-height:30px;font-size:15px;color:#666;text-align:center;}

/* css3 animation */
@-webkit-keyframes moveInLeft {
    0% {-webkit-transform:translateX(40px);opacity:0;}
    100% {-webkit-transform:translateX(0px);opacity:1; }
}
@-moz-keyframes moveInLeft {
    0% {-moz-transform:translateX(40px); opacity: 0; }
    100% {-moz-transform:translateX(0px); opacity: 1; }
}
@-o-keyframes moveInLeft {
    0% {-o-transform:translateX(40px); opacity: 0;}
    100% {-o-transform:translateX(0px); opacity: 1;}
}
@keyframes moveInLeft {
    0% { transform:translateX(40px); opacity: 0;}
    100% {transform:translateX(0px); opacity: 1;}
}

.moveInLeft{animation:moveInLeft 0.8s ease backwards;-webkit-animation:moveInLeft 0.8s ease backwards;-moz-animation:moveInLeft 0.8s ease backwards;-o-animation:moveInLeft 0.8s ease backwards;}
.animateDelay1{animation-delay:1000ms;-webkit-animation-delay:1000ms;-moz-animation-delay:1000ms;-o-animation-delay:1000ms;}
.animateDelay2{animation-delay:1200ms;-webkit-animation-delay:1200ms;-moz-animation-delay:1200ms;-o-animation-delay:1200ms;}
.animateDelay3{animation-delay:1400ms;-webkit-animation-delay:1400ms;-moz-animation-delay:1400ms;-o-animation-delay:1400ms;}