body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0}
table{border-collapse: collapse;border-spacing: 0}
fieldset,img{border: 0;vertical-align: top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal}
ol,ul{list-style: none}
caption,th{text-align: left}
h1,h2,h3,h4,h5,h6{font-size: 100%;}
q:before,q:after{content: ''}
abbr,acronym{border: 0;font-variant: normal}
sup{vertical-align: text-top}
a,a:hover{color: #2e2f33;text-decoration: none;outline: 0;}
sub{vertical-align: text-bottom}
input,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit}
input,textarea,select{*font-size: 100%}

body{color: #2e2f33; font: 14px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
@media screen and (max-width: 1400px) {body {zoom:0.9}}
html,body{width: 100%;/* height: 100%; */background: #fff;background: url(../images/index/bg2.jpg) no-repeat center bottom;}

.main {
    width: 100%;
    margin: 0 auto;
    transition: opacity .5s;
}

.wrap {
    width: 100%;
    /* height: 100%; */
    position: relative;
    background: url(../images/index/bg.jpg) no-repeat top center;
}

.bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-back {
    background: url(../images/bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.bg-front {
    bottom: 0;
    height: auto;
}

.bg-front img {
    width: 100%;
}


.frame {
    position: relative;
    width: 100%;
    background: #fff;
    background: url(../images/index/bottom.png) no-repeat center bottom;
}
.frame-main {
    width: 1000px;
    margin: 0 auto;
    /* position: absolute; */
    /* background: url(../images/index/bg.jpg) no-repeat top center; */
}

.frame-con {
    /* position: absolute; */
    /* z-index: 10; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
}

.frame-bg .front {
    width: 100%;
    height: 100%;
    z-index: 5;
    position: absolute;
    left: 0;
    bottom: 0;
}

.frame1 .frame-con {
   width: 100%;
   padding-top: 119px;
   padding-bottom: 200px;
   padding-left: 75px;
   min-height: 600px;
   position:relative;
}
.frame1 .v{
    width: 100%;
    height: 100%;
    background:url(../images/bg.jpg) no-repeat 50% 0;
    background-size: 100%;
    z-index:2;
    position: absolute;
    left:0;
    right: 0;
    /* transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%); */
    top:0;
}
.backgo {position: absolute;top:-30px;left:14px;font-size:20px; color:#f1d4a4;}

.frame1 .frame-bg .front{
    background: url(../images/front.png) no-repeat 50% 100%;
    background-size: 100% auto;
}

.f1i1 {
    height: 110%;
}

@keyframes d{
    from{
        opacity:1;
        bottom:10px;
    }
    to{
        opacity:0;
        bottom:-20px;
    }
}

.aside {
    width: 273px;
    position: absolute;
    left: -350px;
    height: 800px;
    top: 0;
    z-index: 20;
    transition:left .5s .5s;
    display:none;
}

.aside-con {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../images/tit02.png) no-repeat;
}

.video-sec {
    width: 141px;
    height: 141px;
    position: absolute;
    left: 50%;
    margin: 0 auto;
    margin-left: 22px;
    top: 248px;
    z-index:10;
}
/*
.video-sec .outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation:rr 5s linear infinite;
    background: url(../images/video_out.png) no-repeat 50% 50%;
}

.video-sec .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation:rl 5s linear infinite;
    background: url(../images/video_inner.png) no-repeat 50% 50%;
}*/
@keyframes rr{
    100%{
        transform: rotate(360deg);
    }
}
@keyframes rl{
    100%{
        transform: rotate(-360deg);
    }
}

.video-sec .video {
    position: absolute;
    top: 11px;
    left: 13px;
    width: 117px;
    height: 119px;
}

.video-sec .video-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

a.logofollow {
    display: none;
    position: absolute;
    bottom: 71px;
    left: 10px;
    background: url(../images/logo.png) no-repeat 0 0;
    width: 168px;
    height: 75px;
    text-indent: -999em;
    z-index: 22;
}

a.follow {
    display: none;
    position: absolute;
    bottom: 0;
    left: 10px;
    background: url(../images/follow.png) no-repeat 0 0;
    width: 167px;
    height: 72px;
    text-indent: -999em;
    z-index: 22;
}

.rSide {
    position: absolute;
    right: -300px;
    top: 0;
    z-index: 20;
    transition:right .5s .5s;
}

.rSide .slogan {
    font-size: 14px;
    color: #d6ba86;
    background: url(../images/10year.png) no-repeat;
    width: 73px;
    height:354px;
    position: absolute;
    top: 40px;
    right: 0;
    display:none;
}
.hdnav{width: 164px;height:210px;position: fixed;bottom: 22px;right: 20px;}
    .hdnav .hd{}
  	.hdnav .rhd{display:none;}
    .hdnav .lhd a{position:relative;display: block;width:164px;height:164px;background: url(../images/long.png) no-repeat;}
    .hdnav .rhd a{position:relative;display: block;width:164px;height:164px;background: url(../images/niu.png) no-repeat;}
    .hdnav .quan{
    position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    height: 100%;
    animation: rl 5s linear infinite;
    background: url(../images/quan.png) no-repeat 50% 50%;
    }
   	.hdnav .bd{width:94px;margin:0 auto;position: relative;z-index: 2;}
    .hdnav .larrow{float: left;display: block;width:42px;height:45px;background: url(../images/p2-btn-l_2fe1099.png) no-repeat;margin-right:10px}
    .hdnav .larrow:hover,.hdnav .larrow.on{ background: url(../images/p1-btn-l_2fe1099.png) no-repeat;}
    .hdnav .rarrow{float: left;display: block;width:42px;height:45px;background: url(../images/p2-btn-r_a9f4c87.png) no-repeat;}
    .hdnav .rarrow:hover,.hdnav .rarrow.on{ background: url(../images/p1-btn-r_a9f4c87.png) no-repeat;}
    .hdnav .bg{position:absolute;top: 175px;left: -16px;display: block;width:167px;height:59px;background: url(../images/line01.png) no-repeat;margin-right:10px;/* z-index:0; */}

.frame1 .indexdh{width: 700px;position: absolute;left: 50%;margin-left: -80px;text-align: center;top: 445px;height: 300px;z-index:9;}
@media screen and (min-width: 1600px) {.frame1 .indexdh {top:465px}}
.frame1 .indexdh li{position:absolute;width: 144px;height: 309px;display:block;opacity: 1;filter:alpha(opacity=100);transform-style:preserve-3d;transition:1s;backface-visibility:hidden;}
.frame1 .ifl1{left: 0px;top: 0px;}
.frame1 .ifl2{left: 168px;top: 30px;}
.frame1 .ifl3{left: 334px;top: 0px;}
.frame1 .ifl4{left: 501px;top: 33px;}
.frame1 .ifl5{left: 814px;top: 261px;}
.frame1 .indexdh li a{ display:block;}
.frame1 .indexdh li img{ width: 100%;}
.frame1 .indexdh li .front,.frame1 .indexdh li .back{ position: absolute; left: 0; top:0; width: 100%;backface-visibility: hidden; transform-style: preserve-3d; transition: transform 1.2s; backface-visibility:hidden;transition:all .5s ease-in-out;}
.frame1 .indexdh li .img1{display: block;width: 144px;height: 309px;background: url(../images/index_1.png) no-repeat;}
.frame1 .indexdh li .img1b{display: block;width: 144px;height: 309px;background: url(../images/index_2.png) no-repeat;}
.frame1 .indexdh li .img2{display: block;width: 144px;height: 309px;background: url(../images/index_3.png) no-repeat;}
.frame1 .indexdh li .img2b{display: block;width: 144px;height: 309px;background: url(../images/index_4.png) no-repeat;}
.frame1 .indexdh li .img3{display: block;width: 144px;height: 309px;background: url(../images/index_5.png) no-repeat;}
.frame1 .indexdh li .img3b{display: block;width: 144px;height: 309px;background: url(../images/index_6.png) no-repeat;}
.frame1 .indexdh li .img4{display: block;width: 144px;height: 309px;background: url(../images/index_7.png) no-repeat;}
.frame1 .indexdh li .img4b{display: block;width: 144px;height: 309px;background: url(../images/index_8.png) no-repeat;}

/*.main .front{animation:showRotate 1s linear  0s infinite;}
.main .back{animation:showRotate 1s linear  0s infinite;}*/
.frame1 li .front {transform: rotateY(0deg);}
.frame1 li .back{transform: rotateY(-180deg);}
.frame1 li:hover .back{transform: rotateY(0deg);} 
.frame1 li:hover .front{transform: rotateY(180deg);} 
.frame1 .wrap{ z-index: 9; position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.frame1 .homelayer{ position: absolute; z-index: 1; width: 100%; height: 100%; background: url(../images/decor.png) no-repeat center top;}
.frame1 .unlock .front{animation:showRotate 5s linear  0s infinite; -webkit-animation: showRotate 5s linear  0s infinite;}
.frame1 .unlock .back{animation:showRotateb 5s linear  0s infinite;; -webkit-animation:showRotateb 5s linear  0s infinite;}


@-webkit-keyframes showRotate{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}

@keyframes showRotate{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-ms-transform: rotateY(360deg);}
}

@-webkit-keyframes showRotateb{
    0%{transform: rotateY(-180deg); -webkit-transform:rotateY(-180deg);}
    50%{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
}

@keyframes showRotateb{
    0%{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);}
    50%{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
}


.slogo{display:block;width: 981px;position: absolute;left: 50%;top: 26px;margin-left: -502px;opacity: 0;filter:alpha(opacity=0);}

.transit{position: absolute;left: 50%;top:0;width: 1920px;margin-left: -960px;height: 1200px;z-index: 10;}
.cloud11{ position: absolute; left: 0; top:0; width: 100%; z-index: 2;}
.homeLayer{ position: absolute; left: 0; top:0; width: 100%; height: 100%;z-index: 4}
.trans-layer1{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: url(../images/transit.png) no-repeat center top; z-index: 3;}
.cloud9{ position: absolute; right: 0; bottom: 0; width: 90%; z-index: 4;}
.cloud10{position: absolute; left: 0; top:0; width: 100%; z-index: 5}
.cloud8{ position: absolute; left: 0; top:0; width: 100%; z-index: 6;}
.cloud5{ position: absolute; left: 0; top:0; width: 100%; z-index: 7;}
.cloud7{ position: absolute; left: 0; top:0; width: 100%; z-index: 8;}
.cloud6{ position: absolute; left: 0; top:0; width: 100%; z-index: 9;}
.cloud4{ position: absolute; left: 0; top:0; width: 100%; z-index: 10;}
.cloud3{ position: absolute; left: 0; top:15%; width: 38%; z-index: 11;}
.cloud2{ position: absolute; right: 0; top:10%; width: 62%; z-index: 12;}
.cloud1{ position: absolute; left: 0; top:0; width: 100%; z-index: 13;}

.animate .cloud1{animation:fadeOutRight 1s ease-in-out 0.2s both; -webkit-animation: fadeOutRight 1s ease-in-out 0.2s both;}
.animate .cloud2{animation:fadeOutRight 1s ease-in-out 0.2s both; -webkit-animation:fadeOutRight 1s ease-in-out 0.2s both}
.animate .cloud3{animation:fadeOutLeft 1s ease-in-out 0.3s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.3s both}
.animate .cloud4{animation:fadeOutRight 1s ease-in-out 0.4s both; -webkit-animation:fadeOutRight 1s ease-in-out 0.4s both;}
.animate .cloud5{animation:fadeOutLeft 1s ease-in-out 0.4s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.4s both}
.animate .cloud6{animation:fadeOutRight 1s ease-in-out 0.6s both; -webkit-animation:fadeOutRight 1s ease-in-out 0.6s both;}
.animate .cloud7{animation:fadeOutLeft 1s ease-in-out 0.6s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.6s both}
.animate .cloud8{animation:fadeOutLeft 1s ease-in-out 0.7s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.7s both;}
.animate .cloud10{animation:fadeOutRight 1s ease-in-out 0.8s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.8s both}
.animate .cloud9{animation:fadeOutRight 1s ease-in-out 1s both; -webkit-animation:fadeOutRight 1s ease-in-out 1s both;}
.animate .cloud11{animation:fadeOutRight 1s ease-in-out 1.2s both; -webkit-animation:fadeOutRight 1.2s ease-in-out 1.2s both;}
.animate .trans-layer1{animation:fadeOut 1s ease-in-out 1.2s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.2s both;}
.animate .mask{animation:fadeOut 1.2s ease-in-out 1.6s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.6s both;}
.alogo{animation:bounceInDown 1s ease-in-out 1.4s both; -webkit-animation:bounceInDown 1s ease-in-out 1.4s both;}
.slogo{animation:bounceIn 0.6s ease-in-out 2.4s both; -webkit-animation:bounceIn 0.6s ease-in-out 2.4s both;}
.slogok{animation:bounceIn 0.6s ease-in-out 1s both; -webkit-animation:bounceIn 0.6s ease-in-out 1s both;}
.animate .homeLayer{animation:fadeOut 1.2s ease-in-out 1.3s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.3s both;}
/*.main li{animation:fadeInUp 0.8s ease-in-out 3.4s both; -webkit-animation:fadeInUp 0.8s ease-in-out 3.4s both;}*/

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
   /* 50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);transform:scale(.9)}*/
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
    /*50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}*/
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes fadeOut{
    0%{opacity: 1;}
    100%{opacity: 0; display: none;}
}

@keyframes fadeOut{
    0%{opacity: 1;}
    100%{opacity: 0;display: none;}
}

@-webkit-keyframes fadeOutLeft{
    0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes fadeOutLeft{
    0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}


@-webkit-keyframes fadeOutRight{
    0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRight{
    0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}

.frame2 .frame-con {
    width: 1280px;
    height: 750px;
    margin-left: 60px;
}

.frame2 h2 {
    display: block;
    background: url(img/gf/gf_title.png) no-repeat 0 0;
    width: 101px;
    height: 275px;
    text-indent: -999em;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}

.gf {
    width: 980px;
    padding-top:15px;
    float: left;
    margin-right: 20px;
}

.gf .swap-con {
    position: relative;
    width: 980px;
    height: 550px;
    overflow: hidden;
    margin-bottom: 15px;
}

.gf .swap-con li {
    position: absolute;
    top: 0;
    left: 0;
}

.gf .swap-dot {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.gf .swap-dot li {
    display: inline-block;
    width: 40px;
}

.gf .swap-dot li a {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    background: url(../images/swapdot.png) no-repeat 0 0;
}

.gf .swap-dot li.active a {
    background: url(../images/swapdot_hover.png) no-repeat 0 0;
}

.frame2 .swap-nav {
    float: left;
    border-left: 2px solid #6d634f;
    margin-top: 10px;
    padding-top: 30px;
}

.frame2 .swap-nav li {
    background: url(../images/dot_hover.png) no-repeat 0 50%;
    padding-left: 30px;
    font-size: 28px;
    line-height: 48px;
    margin-bottom: 40px;
    margin-left: -9px;
}

.frame2 .swap-nav a {
    color: #86724d;;
}

.frame2 .swap-nav a:hover {
    color: #d6ba86;
}
.frame2 .swap-nav .active a{
    color: #d6ba86;
}


.swap-con li{
    display: none;
}
.swap-con li:nth-child(1){
    display: block;
}
#empireCon,#heroPopDes{
    height: 578px;
    overflow:hidden;
}
#heroPopDes p { display: block; text-indent: 2em;}

.pager {
    text-align: center;
    color: #6d543c;
    font-size: 20px;
    line-height: 40px;
}
.pager span{
    padding: 0 5px;
}

.pager strong {
    font-size: 40px;
}
.pager .prev{
    width: 18px;
    height: 38px;
    background: url(../images/arr_left.png) no-repeat;
    opacity: .6;
    transition: opacity .4s;
    display: inline-block;
}
.pager .next{
    width: 18px;
    height: 38px;
    background: url(../images/arr_right.png) no-repeat;
    opacity: .6;
    transition: opacity .4s;
    display: inline-block;
}




.frame4 .frame-con {
    width: 100%;
    height: 100%;
    margin-left: 9px;
}
.frame4 .v{
    position: absolute;
    width: 100%;
    height: 1039px;
    top: 0;
    left: 0;
    background: url(../images/hero/main.png) no-repeat 50% 0;
    background-size:auto 100%;
}

.frame4 .items,
.frame4 .cards {
    position: relative;
    top: 0;
    left: 0;
}
.frame4 .cards .card{
    display: none;
}

.frame4 .item,
.frame4 .card {
    position: absolute;
    top: 478px;
    left: 50%;
}

.frame4 .item div,
.frame4 .card div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.frame4 .item{
    cursor: pointer;
}
.frame4 .item01 {
    width: 282px;
    height: 213px;
    margin-left: -521px;
    margin-top: -503px;
}

.frame4 .item02 {
    width: 386px;
    height: 373px;
    margin-left: -658px;
    margin-top: -244px;
}

.frame4 .item03 {
    width: 233px;
    height: 222px;
    margin-left: -360px;
    margin-top: 90px;
}

.frame4 .item04 {
    width: 287px;
    height: 275px;
    margin-left: 40px;
    margin-top: 40px;
}

.frame4 .item05 {
    width: 329px;
    height: 267px;
    margin-left: 200px;
    margin-top: -200px;
}

.frame4 .item06 {
    width: 282px;
    height: 317px;
    margin-left: 145px;
    margin-top: -535px;
}

.frame4 .item07 {
    width: 358px;
    height: 499px;
    margin-left: -183px;
    margin-top: -225px;
}

.frame4 .card {
    width: 220px;
    height: 300px;
    cursor: pointer;
    opacity:0;
    transition: opacity 1s;
}
.frame4 .card-con{
    width: 220px;
    height: 300px;
    perspective: 500px;
    -webkit-perspective: 500px;
    position: relative;
}
.frame4 .item .light{
    opacity:0;
}
.frame4 .item01 .light{
    animation: light 5s infinite;
    animation-delay: 8;
}
.frame4 .item02 .light{
    animation: light 8s infinite;
    animation-delay: 0s;
}
.frame4 .item03 .light{
    animation: light 3s infinite;
    animation-delay: 3s;
}
.frame4 .item04 .light{
    animation: light 4s infinite;
    animation-delay: 10s;
}
.frame4 .item05 .light{
    animation: light 6s infinite;
    animation-delay: 6s;
}
.frame4 .item06 .light{
    animation: light 5s infinite;
    animation-delay: 2s;
}
.frame4 .item07 .light{
    animation: light 7s infinite;
    animation-delay: 12s;
    transform-origin: 50% 60%;
}
@keyframes light{
    0%{
        opacity:0;
    }
    50%{
        opacity:1;
    }
    100%{
        transform:scale(1.3);
        opacity:0;
    }
}
.frame4 .card .front,
.frame4 .card .back {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-delay: 0.3s;
    -webkit-ttransition-delay: 1s;
    transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
}
.frame4 .card .back{
    opacity: 0;
}

.frame4 .card .front {
    z-index: 6;
    transform: rotate3d(0, 1, 0, 0deg);
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
}
.frame4 .card:hover{
    opacity:1;
}

.frame4 .card:hover .front {
    z-index: 5;
    transform: rotate3d(0, 1, 0, -180deg);
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    opacity: 0;
}

.frame4 .card:hover .back {
    z-index: 6;
    opacity: 1;
    transform: rotate3d(0, 1, 0, 0deg);
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
}

.frame4 .card1 {
    margin-left: -521px;
    margin-top: -478px;
}

.frame4 .card2 {
    margin-left: -573px;
    margin-top: -176px;
}

.frame4 .card3 {
    margin-left: -390px;
    margin-top: 45px;
}

.frame4 .card4 {
    margin-left: 116px;
    margin-top: 40px;
}

.frame4 .card5 {
    margin-left: 275px;
    margin-top: -210px;
}

.frame4 .card6 {
    margin-left: 207px;
    margin-top: -490px;
}
.frame4 .card7 {
    margin-left: -114px;
    margin-top: -114px;
}

.pop{
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pop-con .name h3{ width:215px;height: 319px;background: url(../images/hero/name01.png) no-repeat;position: relative;}
.pop-con .name h3 span { display: block; position: absolute;}
.pop-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    max-width: 1920px;
}

.model{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.78);
    z-index: 200;
}
.model-follow{background: url(../images/follow.jpg) no-repeat top center;}
.model-wrap{
    width: 1920px;
    height:1080px;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.model-con{
    position: relative;
    width: 100%;
    height: 100%;
}
.model-empire .model-con,
.model-con,.model-fitter .model-con,.model-empire .model-con,
.model-fitter .model-con,.model-empire .model-con {
    width: 805px;
    height: 802px;
    left:50%;
    top:50%;
    margin-top:-420px;
    margin-left:-402px;
    background:url(../images/jbgs.png) no-repeat 0 0;
}
.model-fitter .model-con .close,.model-empire .model-con .close {
    width: 64px;
    position: absolute;
    left:95%;
    top: 0;
    background: none;
}
.model-con .v{
    position: absolute;
}
.model-empire .v1{
    top:-90px;
    left:180px;
}

.model-empire .t,.model-fitter .t{
    width:545px;
    margin:0 auto;
    padding-top: 86px;
}
.model-con .t h3{
    font-size:32px;
    color:#bda87e;
    margin-bottom:30px;
    font-weight: 400;
    text-align: center;
}
.model-con .t h3 span{
    display: block;
    color:#a5a5a5;
    font-size: 16px;
}
.model-con .t .t-c{
    font-size: 14px;
    color:#d8d1c3;
    line-height: 25px;
}
#zyjs p{ display: block; text-indent: 2em;}
.model-con .bird{
    position: absolute;
}
.model-con .bird1{
    left:1424px;
    top:-50px;
}
.model-con .bird2{
    left:1300px;
    top:120px;
}
.model-con .bird3{
    left:1324px;
    top:405px;
}
.model-con .close{
    width: 64px;
    background:url(../images/dots.png) no-repeat 50% -28px;
    position: absolute;
    left:50%;
    top:86%;
    margin-left: -32px;
}
.model-follow .close{    width: 164px;
    background:none;
    position: absolute;
    left:50%;
    top: 553px;
    margin-left: 220px;cursor:pointer;}
.model-con .close a{
    display: block;
    margin-top: 50px;
    background:url(../images/close.png) no-repeat 50% 0;
    width: 64px;
    height: 64px;
    text-indent: -999em;
}
.fllowtb{position: absolute;display: block;top: 781px;left: 482px;width: 264px;height: 200px;z-index:5;}
.fllowbi{position: absolute;display: block;top: 781px;left: 767px;width: 264px;height: 200px;z-index:5;}
.model-follow .close a {background:none;}
.model-fitter .v1{
    overflow: hidden;
    zoom:1;
    width: 456px;
    margin:0 auto 30px;
}


.frame5 .frame-con{
    width: 1220px;
    height: 710px;
    margin-left: 60px;
}
.frame5 .videos{
    overflow: hidden;
    margin-bottom: 10px;
}
.frame5 .videos .video{
    float: left;
    border:2px solid #d6ba86;
}
.frame5 .videos .video img{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.frame5 .video a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-size:cover;
    background-position:50% 50%;
}
.frame5 .video a span.t{
    display: block;
    background:rgba(31,31,31,.89);
    position: absolute;
    width:100%;
    left:0;
    bottom:0;
    height: 32px;
    text-align: center;
    color:#fff;
    font-size: 14px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: bottom .3s;
}
.frame5 .video a span.mask{
    background: rgba(0,0,0,.78);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s;
}
.frame5 .video a span.t i{
    background:url(img/media/play1.png) no-repeat 0 0;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -10px;
}
.frame5 .video a strong{
    display: block;
    position: absolute;
    text-align: center;
    color:#fff;
    border:1px solid #d6ba86;
    top:14px;
    left:14px;
    right:14px;
    bottom:14px;
    opacity: 0;
    transition: opacity .3s;
}
.frame5 .video a strong i{
    background:url(img/media/play2.png) no-repeat 0 0;
    height: 78px;
    width: 79px;
    display: block;
    margin:110px auto 20px;
}
.frame5 .videos .video1{
    width: 614px;
    height: 344px;
    margin-right: 10px;
}
.frame5 .videos .video2{
    width: 430px;
    height: 344px;
}
.frame5 .video a:hover span.mask,
.frame5 .video a:hover strong{
    opacity: 1;
}
.frame5 .video a:hover span.t{
    bottom:-54px;
}
.frame5 .slide {overflow: hidden; position: relative;}
.frame5 .slide ul{
    overflow: hidden;
    width: 1178px;
    height:348px;
    float: left;
}
.frame5 .slide li{
    float: left;
    border:2px solid #c3ac7f;
    width: 117px;
    height: 344px;
    transition: width .4s;
    overflow: hidden;
    font-size: 0;
    margin-right: 9px;
    position: relative;
    cursor: pointer;
}
.frame5 .slide li span.cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 117px;
    height: 344px;
    opacity: 1;
    transition: opacity .4s;
}
.frame5 .slide li span.cover img{
    width: 117px;
    height: 344px;
    object-fit: cover
}
.frame5 .slide li span.mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s;
    background:#191304;
}
.frame5 .slide li p{
    text-align: center;
    font-size: 0;
    position: absolute;
    top:14px;
    left:14px;
    right:14px;
    bottom:14px;
    border:1px solid #d6ba86;
    opacity:0;
    transition: opacity .3s;
    padding:135px 130px 0;
}
.frame5 .slide li a{
    display: inline-block;
    font-size: 14px;
    color:#e5d08f;
    width: 138px;
    height: 38px;
    line-height: 38px;
    border:1px solid #d6ba86;
    margin: 0 10px 10px;
}
.frame5 .slide li a:hover{
    background:#d6ba86;
    color:#fff;
}
.frame5 .slide li:hover p{
    opacity: 1;
    transition-delay: .2s;
}
.frame5 .slide li:hover .mask{
    opacity: 0.7;
}
.frame5 .slide li.active{
    width:640px;
}
.frame5 .slide li.active span.cover{
    opacity: 0;
}

.frame5 .slide .more{
    display: block;
    position: absolute;
    top: 314px;
    right: 0;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #b0955f;
    border-top:1px solid #b0955f;
    border-bottom:1px solid #b0955f;
}

.model-follow .model-con{
    height:364px;
    top: 324px;
    background:none;
}
.model-follow .v{
    top: -162px;
    left:215px
}
.model-follow .t{
    padding-top: 40px;
}

.model-follow .model-con .bird2{
    left:1270px;
    top:0;
}
.model-follow .model-con .bird3{
    left:1300px;
    top:265px;
}
.footer{
    z-index: 200;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    display: none;
}
.footer .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.78);
}
.footer .footer-wrap{
    position: absolute;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    left:0;
    bottom:0;
    background:#000;
    border-top:4px solid #a08b56;
    text-align: center;
    color:#7f7f7f;
    line-height: 25px;
}
.footer .logo{
    display: inline-block;
    margin-bottom: 20px;
}
.footer .icon-culture{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(https://lilithimage.lilithcdn.com/aoc/pc/net_authentication.png?v=2019110114142535);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 5px;
}
.footer a{
    color:#fff;
}
.footer .close{
    width: 64px;
    background:url(../images/dots.png) no-repeat 50% 72px;
    position: absolute;
    right:180px;
    top:-110px;
    height: 110px;
}
.footer .close a{
    display: block;
    background:url(../images/close.png) no-repeat 50% 0;
    width: 64px;
    height: 64px;
    text-indent: -999em;
}
.close a:hover{
    transform:rotate(360deg);
    transition: transform 1s;
}

.main-in{
    opacity:1;
}
.main-in .aside{
	 	top: -770px;
    left: 0px;
		-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.main-in .show{top: 0px;}

.main-in .rSide{
    right: 0;
}
.intro{
    position: absolute;
    width: 100%;
    left:0;
    bottom:0;
}
.intro img{
    width: 100%;
}

.popup{
    width: 100%;
    height: 100%;
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
.popup .mask{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background:rgba(0,0,0,.78);
}
.popup-con{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.popup .media-sec{
    border: 4px solid #e6ca92;
    background:#000;
}

.popup .close{
    width: 64px;
    background:url(../images/dots.png) no-repeat 50% -32px;
    margin:0 auto;
    padding-top: 36px;
    height: 66px;
}
.popup .close a{
    display: block;
    background:url(../images/close.png) no-repeat 50% 0;
    width: 64px;
    height: 64px;
    text-indent: -999em;
}

.framebbs .frame-con {width: 1000px;}
.framexcfl .frame-con {width: 1000px;}

.downimg { width:64px; height: 30px; background: #918464; color: #fff; text-align: center; font-size: 14px;line-height: 30px; position: absolute;right:0px;bottom:62px;}
.prevbtn,.nextbtn {position: absolute;width:31px;height: 59px;top:315px; background: url(../images/arrow.png) no-repeat;}
.prevbtn {left:-50px; background-position: 0 0;;}
.prevbtn a { display: block;width: 100%;height:100%;}
.nextbtn {right:-50px; background-position: right 0;}
.nextbtn a { display: block;width: 100%;height:100%;}

.indexnav{position:absolute;top: 27px;left:50%;margin-left: 132px;z-index: 20;}
.indexnav .icon_audio_bg{float:left;width: 477px;height: 45px;z-index: 100;}
.indexnav .gozl{position:absolute;top: 0px;left: 7px;width: 173px;height: 43px;z-index: 100;background: url(../images/index/icon_2.png) no-repeat;}
.indexnav .gozl:hover{background-position: 0 -43px;}
.icon__audio{position:absolute;left: 27px;top: 15px;z-index:999;display:block;width:22px;height:14px;overflow:hidden;-webkit-transform:translate(0,0,0);-moz-transform:translate(0,0,0);-ms-transform:translate(0,0,0);transform:translate(0,0,0);cursor:pointer;background: url(../images/top.png) no-repeat;display: none;}
.icon__audio.audio__play strong{-webkit-animation:audio 1s ease-in-out infinite;-moz-animation:audio 1s ease-in-out infinite;-ms-animation:audio 1s ease-in-out infinite;animation:audio 1s ease-in-out infinite}@-webkit-keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}@-moz-keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}@-ms-keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}@-o-keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}@keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}.icon__audio.audio__play .icon__audio_1{height:10px;animation-delay:.4s}.icon__audio.audio__play .icon__audio_2{height:17px}.icon__audio.audio__play .icon__audio_3{height:5px;animation-delay:.8s}.icon__audio.audio__play .icon__audio_4{height:14px;animation-delay:.6s}.icon__audio.audio__play .icon__audio_5{height:10px;animation-delay:.2s}.icon__audio strong{display:block;float:left;width:2px;height:4px;background:#fff;position:absolute;bottom:0}.icon__audio_1{left:0}.icon__audio_2{left:5px}.icon__audio_3{left:10px}.icon__audio_4{left:15px}.icon__audio_5{left:20px}
.head_links{position:absolute;height: 43px;right: 0px;top: 0px;white-space:nowrap;line-height: 43px;color: #fff;width: 253px;padding: 0 15px;overflow: hidden;z-index:2;background: url(../images/index/icon_2.png) -175px 0 no-repeat;}
	.userinfo{width:100%;text-align:center;font-size:12px;}
	.head_links img,.head_links div{float:right}
	.head_links a{color: #fff;}
	.head_links a:hover{color: #fff;}
	.head_links .userinfotdyy {color: #fff;}
	.head_links .userinfotdyy a{color: #fff;}
		

/**/
.zyhgtitleh1{position:absolute;top: 0px;left: 50%;margin-left: -640px;width:1280px;height:230px;}
.framelwj .lwjdiv{position: absolute;left: 50%;top: 187px;width: 1170px;margin-left:-585px;height: 600px;}
.lwjdivclose {position: absolute;left: 948px;top: 58px;display: block;width: 35px;height: 35px;background: url(../images/yuyue/close.png) -0px -0px no-repeat;z-index: 2;cursor: pointer;}
.framelwj .lwjdiv1{position: absolute;left: 0px;top: 0px;width: 1170px;height: 600px;background: url(../images/zyhg/hg_bg01.png) no-repeat;}
.framelwj .lwjdiv2{position: absolute;left: 0px;top: 0px;width: 1170px;height: 600px;background: url(../images/zyhg/hg_bg02.png) no-repeat;}
.framelwj .lwjn1{position: absolute;left: 1069px;top: 50px;width: 91px;height: 180px;background: url(../images/zyhg/zy_tit01.png) no-repeat;z-index: 20;}
.framelwj .lwjn2{position: absolute;left: 1069px;top: 230px;width: 91px;height: 180px;background: url(../images/zyhg/zy_tit01.png) 0 -178px no-repeat;z-index: 20;}
.framelwj .lwjdiv1 .lwjdiv1bd{position: absolute;left: 318px;top: 60px;width: 731px;height: 460px;background: url(../images/zyhg/zyhg_01.png) no-repeat;}
.framelwj .lwjdiv2 .lwjdiv1bd2{position: absolute;left: 318px;top: 60px;width: 701px;height: 274px;background: url(../images/zyhg/zyhg_02.png) no-repeat;}
.framelwj .lwjdiv2 .hd2links{position: absolute;left: 351px;top: 335px;width: 651px;height: 190px;background: url(../images/zyhg/zyhg_03.png) no-repeat;}
.tbd{position: absolute;top: 148px;left: 22px;}
.tbd3{position: absolute;top: 240px;left: 377px;}
.serverlisttitle{float:left;width: 100px;text-align:right;padding-right:16px;color: #28757d;font-weight: bold;font-size: 16px;}
.rolenamespan{color:#28757d;padding-left:10px;}
.serverlist{float:left;height:43px;line-height:43px;color: #333;font-size:16px;}
.serverlist select{height: 28px; line-height: 26px;width:176px;/*background:#3f0201;color:#fff;*/}
#gethdcodelwj{position:absolute;display:block;width: 292px;height: 64px;top: 142px;left: 380px;background: url('../images/yuyue/btn.png') 0 -259px no-repeat;cursor:pointer;}
#gethdcodelwj:hover{    background-position: 0 -323px;}

.hd2links a{position:absolute;display: block;width: 124px;height: 113px;margin:0 auto;background: url('./images/zyhg/zyhg_03.png') -281px -15px no-repeat;text-align: center;}
.hd2links a em{display: block;width: 101px;height: 86px;margin:0 auto;background: url('../images/zyhg/bx.png') -4px -26px no-repeat;}
.hd2links a .jl{position:absolute;top: -170px;left: -146px;display: block;width: 430px;height: 192px;margin:0 auto;display:none;}
.hd2links a:hover .jl{display:block;}
.hd2links a span{text-align: center;color: #28757d;font-weight: bold;font-size: 16px;}
.hd2links a:hover{background-position:-148px -15px;}
.hd2links a.finished em{background-position: -190px -17px;}
.hd2links a.finished:hover em{background-position:-190px -17px;}
.hd2links .n1{top: -14px;left: 133px;}
.hd2links .n1 .jl{background: url('../images/zyhg/bxjl_01.png') -0px -0px no-repeat;}
.hd2links .n2{top: -14px;left: 290px;}
.hd2links .n2 .jl{background: url('../images/zyhg/bxjl_02.png') -0px -0px no-repeat;}
.hd2links .n3{top: -14px;left: 444px;}
.hd2links .n3 .jl{background: url('../images/zyhg/bxjl_03.png') -0px -0px no-repeat;}
.hd2links .n4{top: 95px;left: 133px;}
.hd2links .n4 .jl{background: url('../images/zyhg/bxjl_04.png') -0px -0px no-repeat;}
.hd2links .n5{top: 95px;left: 290px;}
.hd2links .n5 .jl{background: url('../images/zyhg/bxjl_05.png') -0px -0px no-repeat;}
.hd2links .n6{top: 95px;left: 444px;}
.hd2links .n6 .jl{background: url('../images/zyhg/bxjl_06.png') -0px -0px no-repeat;}

/*bbs*/
.bbstitleh1{display: block;width:640px;height:134px;margin: 0 auto;}
.bbsnav{position: absolute;left: 147px;top: 121px;width: 608px;display:none;}
.bbsnav.on{ display:block;}
.bbsnav .swap-con{position: absolute;width: 584px;height: 670px;overflow: hidden;margin-left: 14px;margin-bottom: 29px;top: 0;}
.bbsnav .swap-con li{position: absolute;top: 0;left: 0;}
.bbsnav .swap-dot{position: relative;display: block;margin-left: 152px;margin-top: 57px;width: 280px;height: 40px;text-align: center;font-size: 0;z-index:2;padding: 4px 8px 3px 8px;/* border: 2px solid #3c8895; */border-radius: 40px;}
.bbsnavqq .swap-dot{margin-top: 175px;margin-left: 135px;width: 363px;/* display: none; */}
.bbsnavbbs .swap-dot{margin-top: 175px;margin-left: 135px;width: 363px;/* display: none; */}
.bbsnav .swap-dot-bg{position: absolute;top: 750px;left: -1px;display: block;margin-left: 118px;width: 898px;height: 111px;text-align: center;font-size: 0;background: url(../images/zl/bbsnav_2.png) 0 -219px no-repeat;z-index:0;}
.bbsnav .swap-dot li{float: left;display: block;width: 172px;height: 22px;cursor:pointer;margin-top: 10px;}
.bbsnavqq .swap-dot li{width: 172px;}
.bbsnavbbs .swap-dot li{width: 117px;}
.bbsnav .swap-dot li.n1{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_40.png);}
.bbsnav .swap-dot li.n6{width: 115px;}
.bbsnav .swap-dot li a{display: block;width: 172px;height: 22px;line-height: 22px;text-align: center;font-size: 18px;}
.bbsnavqq .swap-dot li a{width: 172px;}
.bbsnavbbs .swap-dot li a{width: 172px;}
.bbsnav .swap-dot li.active a{/* background: #3c8895; *//* color: #fff; */}
.bbsnav .swap-dot .n1{}
.bbsnavqq .swap-dot .n2{}
.bbsnavbbs .swap-dot .n2{}
.bbsnav .swap-dot .n3{border-right: 1px solid #3c8895;}
.bbsnav .swap-dot .n1 a{border-bottom-left-radius: 40px;border-top-left-radius: 40px;}
.bbsnav .swap-dot .n1.active{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_39.png);}
.bbsnav .swap-dot .n2{/* border-right: 1px solid #c2a060; */background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_42.png);}
.bbsnav .swap-dot .n2 a{border-bottom-right-radius: 40px;border-top-right-radius: 40px;}
.bbsnavqq .swap-dot .n2 a{border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.bbsnavqq .swap-dot .n4 a{border-bottom-right-radius: 40px;border-top-right-radius: 40px;}
.bbsnav .swap-dot .n2.active{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_41.png);}

.bbsnav .swap-dot .nb1{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_30.png) no-repeat;}

li.nb1.active {}
.bbsnav .swap-dot .nb1.active{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_29.png) no-repeat;}
.bbsnav .swap-dot .nb2{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_32.png) no-repeat;}
.bbsnav .swap-dot .nb2.active{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_31.png) no-repeat;}
.bbsnav .swap-dot .nb3{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_34.png) no-repeat;}
.bbsnav .swap-dot .nb3.active{background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_33.png) no-repeat;}

.bbsnav .zmdiv{display:block;position: absolute;top: 115px;left: 75px;width: 805px;}
.bbsnav .zmdiv img{display:block;margin:0 auto;}
.bbsnav .gameintro{position:absolute;top: 384px;left: 14px;width: 748px;line-height: 34px;font-size: 14px;color: #ffecba;}
.bbsnav .gameintro2{left: -51px;width: 810px;top: 366px;}
.bbsnav .gameintro span{float:left;width: 35px;height: 35px;margin-bottom: 63px;background: url(../images/zl/icon.png) -15px -4px no-repeat;}
.bbsnav .gameintro em{color:#ffd76d;}
.bbsnav .tx{position:absolute;left: 77px;top: 43px;width: 253px;height: 50px;background: url(../images/zl/bbsnav_1.png) -23px -342px no-repeat;}
.bbsnav .tx2{background-position: -16px -345px;}
.bbsi1{position: absolute;top: 19px;left: 68px;width: 447px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsi2{position: absolute;top: 19px;left: 68px;width: 447px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsi5{position: absolute;top: 0px;left: -11px;width: 634px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsi6{position: absolute;top: 0px;left: -11px;width: 634px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsgz{position: absolute;top: 19px;left: 0px;width: 434px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsgz p{margin-bottom: 0px;line-height: 41px;}
.bbsgz p em{float:left;width: 112px;height: 38px;line-height: 41px;font-size: 20px;color: #fe5301;text-align:center;margin-right: 0px;font-weight: bold;}
.bbsgz1 p{line-height: 33px;}
.bbsgz1 p em{line-height: 33px;height:33px}
.bbsgz1 p .em2{height:62px;}
.bbsgz1 p .tips{color:red;}
.goimg{position: absolute;top: 323px;left: 151px;margin: 0 auto;display:block;width: 293px;height: 65px;cursor:pointer;background: url('../images/bbs/btn_xc.png') 0 0px no-repeat;}
.goimg:hover{background-position: 0 -65px;}
.goimg2{position: absolute;top: 319px;left: 151px;margin: 0 auto;display:block;width: 293px;height: 65px;cursor:pointer;background: url('../images/bbs/btn_xc.png') 0 0px no-repeat;}
.goimg2:hover{background-position: 0 -65px;}

.gon1{position: absolute;top: 211px;left: 0px;display:block;width: 426px;height: 100px;cursor:pointer;background: url('../images/bbs/icon001.png') 0 0px no-repeat;}
.gon2{position: absolute;top: 147px;left: 0px;display:block;width: 400px;height: 191px;cursor:pointer;background: url('../images/bbs/icon002.png') 0 0px no-repeat;}
.gon3{position: absolute;top: 150px;left: 98px;display:block;width: 190px;height: 191px;cursor:pointer;background: url('../images/bbs/icon003.png') 0 0px no-repeat;}

.gon4-1{position: absolute;top: 507px;left: 210px;display:block;width: 294px;height: 54px;cursor:pointer;background: url('../images/bbs/xcsl_35.png') 0 0px no-repeat;}
.gon4-1:hover{background: url('../images/bbs/xcsl_36.png') 0 0px no-repeat;}
.gon4-2{position: absolute;top: 499px;left: 151px;display:block;width: 296px;height: 60px;cursor:pointer;background: url('../images/bbs/xcsl_37.png') 0 0px no-repeat;}
.gon4-2:hover{background: url('../images/bbs/xcsl_38.png') 0 0px no-repeat;}
.gon4-3{position: absolute;top: 364px;left: 134px;display:block;width: 344px;height: 80px;cursor:pointer;background: url('../images/bbs/xcsl_19.png') 0 0px no-repeat;}
.gon4-3:hover{background: url('../images/bbs/xcsl_20.png') 0 0px no-repeat;}
.gon4-4{position: absolute;top: 466px;left: 134px;display:block;width: 344px;height: 80px;cursor:pointer;background: url('../images/bbs/xcsl_21.png') 0 0px no-repeat;}
.gon4-4:hover{background: url('../images/bbs/xcsl_22.png') 0 0px no-repeat;}
.gon4-5{position: absolute;top: 354px;left: 154px;display:block;width: 293px;height: 59px;cursor:pointer;background: url('../images/bbs/xcsl_23.png') 0 0px no-repeat;}
.gon4-5:hover{background: url('../images/bbs/xcsl_24.png') 0 0px no-repeat;}
.gon4-6{position: absolute;top: 424px;left: 154px;display:block;width: 293px;height: 59px;cursor:pointer;background: url('../images/bbs/xcsl_25.png') 0 0px no-repeat;}
.gon4-6:hover{background: url('../images/bbs/xcsl_26.png') 0 0px no-repeat;}
.gon4-7{position: absolute;top: 494px;left: 154px;display:block;width: 293px;height: 59px;cursor:pointer;background: url('../images/bbs/xcsl_27.png') 0 0px no-repeat;}
.gon4-7:hover{background: url('../images/bbs/xcsl_28.png') 0 0px no-repeat;}

.btips{position: absolute;width: 600px;top: 399px;left: 0px;color:red;}
.bbszx{position: absolute;top: 20px;left: 56px;display:block;width: 560px;height: 544px;cursor:pointer;background: url('../images/bbs/zx.png?ver=1') 0 0px no-repeat;}
.bbswx{position: absolute;top: 46px;left: 31px;display:block;width: 560px;height: 544px;cursor:pointer;background: url('../images/bbs/bg_nr0499.png?ver=2') 0 0px no-repeat;}
.bbszbzx{position: absolute;top: 20px;left: 56px;display:block;width: 560px;height: 544px;cursor:pointer;background: url('../images/bbs/zp01.png?ver=1') 0 0px no-repeat;}
.bbspf{position: absolute;top: 46px;left: 31px;display:block;width: 560px;height: 544px;cursor:pointer;background: url('../images/bbs/pf.png?ver=1') 0 0px no-repeat;}
 .framebbs .bbsdiv{position: relative;width: 920px;height: 887px;margin: 0 auto;background: url(../images/index/O1.png) no-repeat;margin-top:-56px;}
 .framebbs .quanbig{position: absolute;top: 101px;left: 126px;width: 675px;height: 675px;animation: rl 10s linear infinite;background: url(../images/index/O.png) no-repeat 50% 50%;}
 .framebbs .quan3{position: absolute;top: 207px;left: 242px;width: 275px;height: 275px;}
 .framebbs .quanrw1{background: url(../images/bbs/qian03.png) no-repeat 50% 50%;}
 .framebbs .quanrw2{background: url(../images/bbs/qian06.png) no-repeat 50% 50%;cursor:pointer;}
 .framebbs .quanrw3{background: url(../images/bbs/qian08.png) no-repeat 50% 50%;cursor:pointer;}
 .framebbs .quanrw4{background: url(../images/bbs/qian05.png) no-repeat 50% 50%;}
 .framebbs .quanrw5{background: url(../images/bbs/qian04.png) no-repeat 50% 50%;}
 .framebbs .quanrw6{background: url(../images/bbs/qian07.png) no-repeat 50% 50%;}
  
 .framebbs .bbsn{position: absolute;width: 178px;height: 60px;}
 .framebbs .bbsn1{left: 26px;top: 139px;background: url(../images/index/xcsl_2.png) no-repeat;}
 .framebbs .bbsn1.on, .framebbs .bbsn1:hover{background: url(../images/index/xcsl_1.png) no-repeat;}
 .framebbs .bbsn2{left: -87px;top: 386px;background: url(../images/index/xcsl_8.png) no-repeat;}
 .framebbs .bbsn2.on, .framebbs .bbsn2:hover{background: url(../images/index/xcsl_7.png) no-repeat;}
 .framebbs .bbsn3{left: 730px;top: 139px;background: url(../images/index/xcsl_10.png) no-repeat;}
 .framebbs .bbsn3.on, .framebbs .bbsn3:hover{background: url(../images/index/xcsl_9.png) no-repeat;}
 .framebbs .bbsn4{left: 834px;top: 386px;background: url(../images/index/xcsl_12.png) no-repeat;}
 .framebbs .bbsn4.on, .framebbs .bbsn4:hover{background: url(../images/index/xcsl_11.png) no-repeat;}
 .framebbs .bbsn5{left: -26px;top: 599px;background: url(../images/index/xcsl_6.png) no-repeat;}
 .framebbs .bbsn5.on, .framebbs .bbsn5:hover{background: url(../images/index/xcsl_5.png) no-repeat;}
 .framebbs .bbsn6{left: 766px;top: 599px;background: url(../images/index/xcsl_4.png) no-repeat;}
 .framebbs .bbsn6.on, .framebbs .bbsn6:hover{background: url(../images/index/xcsl_3.png) no-repeat;}
 
/**/
 .framexcfl .frame-bg .back{}
 .xcfltitleh1{position:absolute;top: 66px;left: 184px;width:665px;height:248px;}
 .framexcfl .xcfldiv{position: absolute;left: 159px;top: 382px;width: 800px;height: 700px;}
 .idlo{background: url(../images/xcfl/xnfl.png) no-repeat;}
 .idel_1{position: absolute;background-position: 0 -359px;width: 213px;height: 330px;top: 25px;left: -7px;}
 .idel_1:hover{background-position: 0 0;}
 .idel_2{position: absolute;background-position: -226px -359px;width: 213px;height: 300px;top: 25px;left: 253px;}
 .idel_2:hover{background-position: -226px 0;}
 .idel_3{position: absolute;background-position: -459px -359px;width: 213px;height: 300px;top: 25px;left: 529px;}
 .idel_3:hover{background-position: -459px 0;}
 
 .sximg{display:none;}
 .goby{position:absolute;width:158px;height:43px;left: 43px;top: 139px;background: url(../images/index/cjdx_17.png) no-repeat;cursor:pointer;}
 .goby.on, .goby:hover{background: url(../images/index/cjdx_16.png) no-repeat;}
 .gosx{position:absolute;width:158px;height:43px;left: 223px;top: 0139px;background: url(../images/index/cjdx_15.png) no-repeat;cursor:pointer;}
 .gosx.on, .gosx:hover{background: url(../images/index/cjdx_14.png) no-repeat;}
 
 
.u-logo{margin-left:132px;margin-bottom:50px}
.m-nav{position:fixed;left: 50%;margin-left: -880px;top:0;padding-top:24px;z-index: 99;display:none;}
.m-nav.show{display:block;}
.m-nav .num{width:117px;height:52px;margin-left:167px}
.m-nav .num-1{background:url('../images/index/01.png') no-repeat}
.m-nav .num-2{background:url('../images/index/02.png') no-repeat}
.m-nav .num-3{background:url('../images/index/03.png') no-repeat}
.m-nav .num-4{background:url('../images/index/04.png') no-repeat}
.m-nav ul li{width:308px;height:50px;position:relative;margin-top:15px}
.m-nav ul li.active{border-bottom:1px solid #b2b2b2;}
.m-nav ul li.active em{position:absolute;left: 319px;top: 0px;background:url('../images/index/icon_1.png') no-repeat;width:70px;height:38px;}
.m-nav ul a{width: 164px;display:block;position:absolute;height: 36px;right:0;bottom:14px;}
.m-nav ul a span{display:block;height: 36px;width: 164px;position:absolute;}
.m-nav .txt-1{background:url(../images/index/nav_2.png) no-repeat right bottom}
.m-nav .bt-1{background:url(../images/index/nav_1.png) no-repeat right bottom}
.m-nav .txt-2{background: url(../images/index/nav_6.png) no-repeat right bottom;}
.m-nav .bt-2{background: url(../images/index/nav_5.png) no-repeat right bottom;}
.m-nav .txt-3{background: url(../images/index/nav_8.png) no-repeat right bottom;}
.m-nav .bt-3{background: url(../images/index/nav_7.png) no-repeat right bottom;}
.m-nav .txt-4{background:url(../images/index/nav_10.png) no-repeat right bottom}
.m-nav .bt-4{background:url(../images/index/nav_9.png) no-repeat right bottom}
.m-nav .txt-11{background:url(../images/index/nav_4.png) no-repeat right bottom}
.m-nav .bt-11{background:url(../images/index/nav_3.png) no-repeat right bottom}
.m-nav .bt{display:none}
.m-nav ul a:hover .txt,.m-nav ul a.active .txt{display:none}
.m-nav ul a:hover .bt,.m-nav ul a.active .bt{display:block}


.qfnav{position:relative;}
.qfnav .swap-con{position: relative;width: 990px;height: 562px;overflow: hidden;margin: 0 auto;}
.qfnav .swap-con li{position: absolute;top: 0;left: 0;}
.qfnav .swap-dot li{float: left;display: block;width: 154px;height: 53px;cursor:pointer;margin-bottom: 53px;}
.qfnav .swap-dot{position: absolute;display: block;left: 903px;top: 106px;width: 280px;text-align: center;font-size: 0;z-index:2;}
.qfnav .swap-dot .n1{background: url(../images/index/cjdx_2.png) no-repeat;}
.qfnav .swap-dot .n2{background: url(../images/index/cjdx_4.png) no-repeat;}
.qfnav .swap-dot .n3{background: url(../images/index/cjdx_6.png) no-repeat;}
.qfnav .swap-dot .n4{background: url(../images/index/cjdx_8.png) no-repeat;}
.qfnav .swap-dot .n1.active,.qfnav .swap-dot .n1:hover{background: url(../images/index/cjdx_1.png) no-repeat;}
.qfnav .swap-dot .n2.active,.qfnav .swap-dot .n2:hover{background: url(../images/index/cjdx_3.png) no-repeat;}
.qfnav .swap-dot .n3.active,.qfnav .swap-dot .n3:hover{background: url(../images/index/cjdx_5.png) no-repeat;}
.qfnav .swap-dot .n4.active,.qfnav .swap-dot .n4:hover{background: url(../images/index/cjdx_7.png) no-repeat;}