@charset "utf-8";
/* topbar */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline; text-decoration:none;}
img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol,li{padding:0; list-style:none;}
body{ background-color:#181818; z-index:1000; font-family: "Microsoft YaHei", SimSun, sans-serif; min-width: 1200px; overflow-x: hidden; width: 100%;}
.clearfix:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.hide{display:none;}
.pa{position: absolute;}
.t{ text-indent: -9999px; overflow: hidden;}
#V2-xoyo-topNav { position:absolute; top:0; left:0;}
#xoyo-top-navi-bar .inner-i{ z-index: 999!important;}
a{transition: filter .3s ease;}
.wrap{ width: 1200px; margin: 0 auto; position: relative; }

.bg{ background: url("../images/bg.jpg") center top no-repeat; height: 990px; position: relative;}
.video-bg{ position: absolute;  top: 0;width: 1920px;height: 990px;left: 50%;margin-left: -960px;z-index: 1;}
.logo{ position: absolute; left: 0px; top:0px;  width: 206px; height: 98px; text-indent: -9999px; overflow: hidden;z-index: 99;}
.nav{ position: absolute; left:346px; top:508px;z-index: 99;}
.nav a{ float: left; width: 111px; height: 280px;  margin-right: 15px; text-indent: -9999px; overflow: hidden; background: url("../images/nav-btn.png")  no-repeat;}
.nav a.link1{ background-position: 0 0; -webkit-transform-origin: top;transform-origin: top;animation: swing 3s infinite ease-in-out;-webkit-animation: swing 3s infinite ease-in-out;}
.nav a.link2{ background-position: -145px 0; width: 120px; animation: swing 5s infinite ease-in-out;-webkit-animation: swing 5s infinite ease-in-out; -webkit-transform-origin: top;transform-origin: top;}
.nav a.link3{ background-position: -311px 0; width: 116px; -webkit-transform-origin: top;transform-origin: top;animation: swing 3s infinite ease-in-out;-webkit-animation: swing 3s infinite ease-in-out;}
.nav a.link4{ background-position: -461px 0; width: 114px;animation: swing 5s infinite ease-in-out;-webkit-animation: swing 5s infinite ease-in-out; -webkit-transform-origin: top;transform-origin: top;}
.nav a.link1:hover{ background-position: 0 -298px;}
.nav a.link2:hover{ background-position: -145px -298px;}
.nav a.link3:hover{ background-position: -311px -298px;}
.nav a.link4:hover{ background-position: -461px -298px;}
@keyframes rotate1 {
    0% {
        transform: rotate(
                18deg);
    }

    100% {
        transform: rotate(
                -18deg);
    }
}

@keyframes swing {
    0% {
        transform: rotate(
                -10deg);
        -ms-transform: rotate(-10deg);
    }
    50% {
        transform: rotate(
                10deg);
        -ms-transform: rotate(10deg);
    }
    100% {
        transform: rotate(
                -10deg);
        -ms-transform: rotate(-10deg);
    }
}













.pg-bg{ background: url("../images/pg-bg.jpg") #27233f center top no-repeat; padding-bottom: 60px;}
.mid{ padding-top: 631px;}
.cont{ background: url("../images/cont-bg.png") center top no-repeat; width: 1200px; margin: 0 auto; padding:50px 0 60px 0; border-bottom: 1px #b28a5a solid;}
.cont-wrap{ width: 1024px;margin: 0 auto;}
.comm{ background: url("../images/comm.png") no-repeat; text-indent: -9999px; overflow: hidden;}
.title1,.title2,.title3,.title4{ width: 554px; height: 59px; margin: 0 auto;}
.tab{  font-size: 0;  background: url("../images/pg-tab-bg.png")  no-repeat; width: 1024px; height: 118px; margin: 43px auto 35px;}
.tab li{ display: inline-block; vertical-align: top; width: 201px; margin:40px 197px 0 0; cursor: pointer;}
.tab li.li3{ margin-right: 0;}
.tab li em{color: #fff; font-size: 18px; display: block; text-align: center; padding-top: 8px;}
.tab li b{ background: url("../images/pg-nav-btn.png")  no-repeat; width: 201px; height: 52px; display: block;}
.tab li.li2 b{ background-position: -218px 0;}
.tab li.li3 b{background-position: -445px 0; }
.tab li.cur.li1 b,.tab .li1:hover b{ background-position: 0 -67px;}
.tab li.cur.li2 b,.tab .li2:hover b{ background-position: -218px -67px;}
.tab li.cur.li3 b,.tab .li3:hover b{ background-position: -445px -67px;}
.tab-cont{ display: none;}
.text{ text-align: center; color: #c8c1ff; font-size: 24px; margin-bottom: 40px; padding-top: 10px;}
.txt{ color: #f5f4ff; font-size: 18px; line-height: 24px; margin: 15px 0 25px; }
.txt2 {color: #f5f4ff; font-size: 16px; line-height: 36px;position: relative; padding-left: 31px; margin: 15px 0;}
.txt2 b{ font-size: 24px;}
.txt2 i{  background: url("../images/ico.png") no-repeat; width: 17px; height: 17px;position: absolute; left: 0; top:8px;}
.txt3{ font-size: 16px; line-height: 24px;}
.txt3 i{ top:5px;}
.table-box{width: 800px;margin: 40px auto 30px;}
.table-box2{ width: 400px;}
.table-box3{ width: 600px;}
.table-box4{ width: 650px;}
.table-box6{ width: 300px;}
.table-box7{ width: 1000px;}
.table-box th,.table-box td{ background: #6057a5; height: 40px; border: 1px #fff solid; color: #f5f4ff; font-size: 16px; font-weight: bold; text-align: center}
.table-box td{ background: #766fab;font-weight: normal; }
.table-box td img{ display: block; margin: 5px auto 5px;}
.img{ display: block; margin: 25px auto 25px;}
.txt4{color: #f5f4ff; font-size: 16px; line-height: 26px; padding-left: 20px;}
.tips{ color: #a69aff; font-size: 16px; padding: 20px 0 0 20px;}
.t-30{margin-top: 90px;}
.t-40{ margin-top: 70px;}
.pt-15{ padding-top: 25px;}
.name{ text-align: center; color: #f5f4ff; font-size: 18px;}
.pg4 .tips{ padding-left: 100px;}


/*page2*/
.title2{background-position: 0 -172px;}
.st1,.st2,.st3,.st4,.st5,.st6,.st7,.st8,.st9,.st10,.st11,.st12,.st13,.st14,.st15,.st16,.st17,.st18,.st19,.st20,.st21{ display: block; margin: 0 auto 40px; width: 244px; height: 59px; background-position: 0 -750px;}
.st2{ background-position:-271px -750px; margin-top: 50px;}
.st3{ background-position:-540px -750px;  margin-top: 60px;}
.st4{ background-position:-804px -750px;  margin-top: 60px;}
.st5{ background-position:0 -839px;  margin-top: 60px;}
.st6{ background-position:-271px -839px;  margin-top: 60px;}
.st7{ background-position:-540px -839px;  margin-top: 60px;}
.st8{ background-position:-804px -839px;  margin-top: 60px;}
.st9{ background-position:0 -919px;  margin-top: 60px;}
.st10{ background-position:-271px -919px;  margin-top: 60px;}
.st11{ background-position:-540px -919px;  margin-top: 60px;}
.st12{ background-position:-804px -919px;  margin-top: 60px;}
.st13{ background-position:0 -999px;  margin-top: 60px;}
.st14{ background-position:-271px -999px;  margin-top: 60px;}
.st15{ background-position:-540px -999px;  margin-top: 60px;}
.st16{ background-position:-804px -999px;  margin-top: 60px;}
.st17{ background-position:0 -1079px;  margin-top: 60px;}
.st18{ background-position:-271px -1079px;  margin-top: 60px;}
.st19{ background-position:-540px -1079px;  margin-top: 60px;}
.st20{ background-position:-804px -1079px;  margin-top: 60px;}
.st21{ background-position:0 -1150px;  margin-top: 60px;}
.pg2 .txt4{ line-height: 32px;padding-left: 0;}
/*page3*/
.title3{ background-position: 0 -79px;}
.size-18{ font-size: 16px;}
/*page4*/
.cont4{ padding-bottom: 0; border-bottom: none;}
.pg4{width: 1200px; background: #58518d ; border: 1px #b28a5a solid; box-sizing: border-box; border-top: none; padding-bottom: 60px;}
.title4{ background-position: 0 -266px;}
.pg4 .text{ margin-bottom: 10px;}
.nav-wrap{margin-top: 10px;height: 110px;}
.nav-box{width: 1198px;margin: 0 auto;padding-top: 8px;}
.nav-box.fix{position: fixed;top: 0;left: 50%;margin-left: -600px;z-index: 9999;background: #58518d;box-shadow: 2px 8px 10px #676194;-webkit-box-shadow: 2px 8px 10px #676194;padding-bottom: 0px; border-left:1px #b28a5a solid;border-right:1px #b28a5a solid; }
.nav-list{font-size: 0;text-align: center;}
.nav-list li{display: inline-block;text-indent: -9999px;cursor: pointer;margin:12px 6px;position: relative; background: url("../images/pg4-nav.png") no-repeat; height: 32px; width: 134px;}
.nav-list li.nav1{ background-position: 0 0; margin-left: 40px;}
.nav-list li.nav2{ background-position: -147px 0;}
.nav-list li.nav3{ background-position: -294px 0;}
.nav-list li.nav4{ background-position: -440px 0;}
.nav-list li.nav5{ background-position: -588px 0;}
.nav-list li.nav6{ background-position: -734px 0;}
.nav-list li.nav7{ background-position: -880px 0;}
.nav-list li.nav8{ background-position: 0 -56px;}
.nav-list li.nav9{ background-position: -147px -56px;}
.nav-list li.nav10{ background-position: -294px -56px;}
.nav-list li.nav11{ background-position: -440px -56px;}
.nav-list li.nav12{ background-position: -588px -56px;}
.nav-list li.nav13{ background-position: -734px -56px;}
.nav-list li.nav14{ background-position: -880px -56px;}
.nav-list li.nav15{ background-position: -1026px -56px;}


.nav-list li.nav1:hover,.nav-list li.nav1.cur{ background-position: 0 -108px; margin-left: 40px;}
.nav-list li.nav2:hover,.nav-list li.nav2.cur{ background-position: -147px -108px;}
.nav-list li.nav3:hover,.nav-list li.nav3.cur{ background-position: -294px -108px;}
.nav-list li.nav4:hover,.nav-list li.nav4.cur{ background-position: -440px -108px;}
.nav-list li.nav5:hover,.nav-list li.nav5.cur{ background-position: -588px -108px;}
.nav-list li.nav6:hover,.nav-list li.nav6.cur{ background-position: -734px -108px;}
.nav-list li.nav7:hover,.nav-list li.nav7.cur{ background-position: -880px -108px;}
.nav-list li.nav8:hover,.nav-list li.nav8.cur{ background-position: 0 -164px;}
.nav-list li.nav9:hover,.nav-list li.nav9.cur{ background-position: -147px -164px;}
.nav-list li.nav10:hover,.nav-list li.nav10.cur{ background-position: -294px -164px;}
.nav-list li.nav11:hover,.nav-list li.nav11.cur{ background-position: -440px -164px;}
.nav-list li.nav12:hover,.nav-list li.nav12.cur{ background-position: -588px -164px;}
.nav-list li.nav13:hover,.nav-list li.nav13.cur{ background-position: -734px -164px;}
.nav-list li.nav14:hover,.nav-list li.nav14.cur{ background-position: -880px -164px;}
.nav-list li.nav15:hover,.nav-list li.nav15.cur{ background-position: -1026px -164px;}
.part{ width: 1060px; margin: 0 auto;}
.tit1,.tit2,.tit3,.tit4,.tit5,.tit6,.tit7,.tit8,.tit9,.tit10,.tit11,.tit12,.tit13,.tit14,.tit15{ background-position: 0 -360px; width: 204px; height: 59px;  margin:40px auto 0;}
.tit2{ background-position:-234px -360px; width: 244px;}
.tit3{ background-position:-505px -360px; width: 244px;}
.tit4{ background-position:-761px -360px; width: 244px;}
.tit5{ background-position:0 -466px; width: 244px;}
.tit6{ background-position:-264px -466px; width: 244px;}
.tit7{ background-position:-531px -466px; width: 244px;}
.tit8{ background-position:-792px -466px; width: 244px;}
.tit9{ background-position:0 -559px; width: 244px;}
.tit10{ background-position:-267px -559px; width: 244px;}
.tit11{ background-position:-530px -559px; width: 244px;}
.tit12{ background-position:-799px -559px; width: 244px;}
.tit13{ background-position:0 -643px; width: 264px;}
.tit14{ background-position:-288px -643px; width: 235px;}
.tit15{ background-position:-548px -643px; width: 234px;}
.table-box5{ width: 1050px;}
.part3 .size-18{ line-height: 30px;}
.txt3 span{padding-top: 10px; display: block;}




.float{ position: fixed; right: 60px; top:100px; width: 130px; height: 299px;}
.float a,.float a:hover{ display: block; width: 130px; height:49px; background: url("../images/float.png") no-repeat; text-indent: -9999px; overflow: hidden;}
.float a.fd1{ background-position: 0 0;}
.float a.fd2{ background-position: 0 -49px;}
.float a.fd3{ background-position: 0 -98px;}
.float a.fd4{ background-position: 0 -147px;}
.float a.fd5{ background-position: 0 -196px; height: 54px;}

.float a.fd1:hover,.float a.fd1.on{ background-position: -170px 0;}
.float a.fd2:hover,.float a.fd2.on{ background-position: -170px -49px;}
.float a.fd3:hover,.float a.fd3.on{ background-position: -170px -98px;}
.float a.fd4:hover,.float a.fd4.on{ background-position: -170px -147px;}
.float a.fd5:hover{ background-position: -170px -196px; height: 54px;}