.cover{width:100%;height:923px;background:url(cover.jpg) no-repeat center top;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='cover.jpg', SizingMethod='scale');z-index:45;position:relative}

.cover .arrow{position:absolute;bottom:26px;left:50%;margin-left:-84px}
.wenzi{width:830px;margin:0 auto;position:relative;top:30%;}
.cover_text{width:70%;position:absolute;top:70%;left:15%;}
.sidai{width:100%;height:100%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}
@-webkit-keyframes corner{from{background-position:0 0}
to{background-position:0 -30400px}
}
@keyframes corner{from{background-position:0 0}
to{background-position:0 -30400px}
}

.tit{width:38%;height:14.6%;position:absolute;top:51%;left:31%;}
@-webkit-keyframes cover_text{0%{opacity:0}
60%{opacity:0}
100%{opacity:1}
}
@keyframes cover_text{0%{opacity:0}
60%{opacity:0}
100%{opacity:1}
}
.cover_text{-webkit-animation:cover_text 2s;animation:cover_text 2s}

@-webkit-keyframes tit{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
60%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}

.tit{-webkit-animation:tit 1.5s;animation:tit 1.5s}

.wenzi_img{-webkit-animation:tit1.5s;animation:tit 1.5s}



/* animation */
.rh{width:830px;margin:0 auto;position:relative;top:30%;}
.ay{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;

animation-delay: 2s;-moz-animation-delay: 2s;-webkit-animation-delay: 2s;-o-animation-delay: 2s;}
/* 淡入 */
.ay{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
/* 淡入-从右 */
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}


.wxb{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;
animation-delay: 3s;-moz-animation-delay: 3s;-webkit-animation-delay:3s;-o-animation-delay: 3s;}
/* 翻入-Y轴 */
.wxb{-webkit-animation-name:flipinY;-moz-animation-name:flipinY;-ms-animation-name:flipinY;animation-name:flipinY;}
/* 翻入-Y轴 */
@-webkit-keyframes flipinY{
    0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY{
    0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateY(-10deg);}
    70%{-moz-transform:perspective(400px) rotateY(10deg);}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-ms-keyframes flipinY{
    0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-ms-transform:perspective(400px) rotateY(-10deg);}
    70%{-ms-transform:perspective(400px) rotateY(10deg);}
    100%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}
}
@keyframes flipinY{
    0%{transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{transform:perspective(400px) rotateY(-10deg);}
    70%{transform:perspective(400px) rotateY(10deg);}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}



/* animation */

.tcc{-webkit-animation:5s ease-in forwards;-moz-animation:5s ease-in forwards;-ms-animation:5s ease-in forwards;}

/* 弹入-从上 */
.tcc{-webkit-animation-name:bounceinT;-moz-animation-name:bounceinT;-ms-animation-name:bounceinT;animation-name:bounceinT;}
/* 弹入-从上 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    60%{opacity:1;-webkit-transform:translateY(30px);}
    80%{-webkit-transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    60%{opacity:1;-moz-transform:translateY(30px);}
    80%{-moz-transform:translateY(-10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    60%{opacity:1;-ms-transform:translateY(30px);}
    80%{-ms-transform:translateY(-10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    60%{opacity:1;transform:translateY(30px);}
    80%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}



#header { height: 146px; position: relative; margin: 0 auto; width: 830px;font-family: "Microsoft Yahei", "微软雅黑"; font-weight:600; }
     #header .menu { position: absolute; top: 50px; left: 70px; width: 830px; }
        #header .menu ul { }
        #header .menu li { float: left; position: relative;  font-size: 20px; text-transform: uppercase; color:#a02428; padding:5px 10px 5px 10px; border-radius:4px;border:2px solid; text-align:center;margin-right:25px; }
		#header .menu li  a{  color:#a02428; }
        #header .menu .active a { color: #a02428; }
        #header .menu li span { display: block; position: absolute; top: 0; left: 0; font-size: 18px; }
        #header .menu li ul { display: none; width: 830px; position: absolute; left: 0; }
        #header .menu .about ul { right: 0px; left: auto; }
        #header .menu li li { text-transform: none; font-size: 18px; padding: 0px 0px 0 0; height: px; line-height: 26px; margin-top:25px;}
        #header .menu .about li { float: right;border-radius:0px;border:0px solid; text-align:center;margin-right:20px; }
        #header .menu li li span { display: block; position: absolute; top: 0; left: 0; white-space: nowrap; }
        #header .menu .active li a { color: #a02428; }
            #header .menu .active li a:hover { color: #c8866b; }