@charset "utf-8";
/* CSS Document */
@import url(animate.css);

.warp{width:100%;min-width:1300px;margin:0 auto;background:#fff7ff;}

.SlideBgBox{ position:fixed; overflow:hidden; width: 100% !important;height: 100% !important; top:0;}
.SlideBgBox li{ position:relative; overflow:hidden; width:100%; height:100%;}
.SlideBgBox li img{ display:block; width:100%; height:100%;}
.SlideBgBox *{width: 100% !important;height: 100% !important;}

.top{background: url(../images/topbg.png) no-repeat center top;}
.topMain{height: 144px;position:relative;}
.topMain .LOGO{width:455px;height: 144px;}
.topMain .LOGO img{margin-top: 28px;}
.topMain .search{width:467px;min-height:100px;position:relative;top: 0px;right:0px;}
.topMain .search .inputText{width: 311px;height: 45px;background:url(../images/ico_2.png) no-repeat;border-radius:25px;position:relative;overflow:hidden;margin-top: 45px;}
.topMain .search .inputText input{ outline:medium;}
.topMain .search .inputText .inp{position:absolute;width: 221px;height: 41px;padding: 0 20px;line-height: 45px;border:none;background:none;}
.topMain .search .inputText .but{position:relative;display:inline-block;width: 50px;height: 41px;border:none;cursor:pointer;text-align:center;}

.NavBox{ height:45px;background:#af090b;}
.NavBox ul{ position:relative; overflow:hidden; width:105%; }
.NavBox li{float:left;background: url(../images/navlir.png) right top no-repeat;position:relative;overflow:hidden;width: 136px;height: 45px;line-height: 45px;font-size:20px;font-weight:bold;}
.NavBox li.on{background-color: #990507;}
.NavBox li:first-child{width: 109px !important;}
.NavBox li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; text-align:center; color:#FFF;}
.NavBox li:hover,.NavBox li.on{ background:#990507;}
.NavBox li:hover a,.NavBox li.on a{color: #ffffff !important;}


/*导航动画*/
@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}


.Main{margin:0 auto;min-height: 500px;}
.cloud_box .clo_b{position: fixed;bottom: 0;left: 0;}
.cloud_box {position: fixed;overflow: hidden;width: 100%;height: 100%;top: 0;}
.cloud_box *{width: 100% !important;}

.clo_tit{width: 200px;text-align: center;}
.sear_r{width: 500px;}
.Ytop{position: absolute;top: 40%;margin-top: -225px;left: 50%;margin-left: -400px;z-index: 9999;}
.ynav{position: fixed;bottom: 15%;left: 50%;margin-left: -600px;}
.ynav ul{ position:relative; overflow:hidden; width:105%; }
.ynav li{float:left;position:relative;overflow:hidden;width: 133px;height: 140px;font-size:20px;}
.ynav li a{line-height: 240px;display:block;width:100%;height:100%;position:relative;overflow:hidden;text-align:center;color:#333333;}
.ynav li a i{background: url(../images/navabg.png) 0px 0px no-repeat;display: block;position: absolute;width: 102px;height: 102px;overflow: hidden;left: 50%;margin-left: -51px;top: 0%;}
.ynav li.T1 i{top: 56%;}
.ynav li.nava2 a i{background-position: -137px 0px;}
.ynav li.nava3 a i{background-position: -275px 0px;}
.ynav li.nava4 a i{background-position: -412px 0px;}
.ynav li.nava5 a i{background-position: -549px 0px;}
.ynav li.nava6 a i{background-position: -687px 0px;}
.ynav li.nava7 a i{background-position: -824px 0px;}
.ynav li.nava8 a i{background-position: -961px 0px;}
.ynav li.nava9 a i{background-position: -1098px 0px;}

