/*
┌─────────────────────────────────┐
│ 游戏设计制作:≮大表哥≯ QQ:1724454111 │
│        十年开发制作经验、高端定制 为你服务 │
└─────────────────────────────────┘
*/
.v-w{
    width: 1300px;
    margin: 0 auto;
}
body{
    background: url(../images/head_bg_1.jpg) no-repeat center bottom;
}
.tbg{
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.head{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 80px;
    background: rgba(0,0,0,.5);
    z-index: 999;
}
.head .nav{
    text-align: center;
}
.head .nav .ali{
    font-size: 18px;
    line-height: 80px;
    display: inline-block;
    margin: 0 15px;
}
.head .nav .ali a{
    color: #f0e2b8;
}
.head .nav .ali a:hover{
    color: #ffba00;
}
.head .nav{}

.banner{
    height: 600px;
    position: relative;
}

.itabs{
    background: url(../images/news_bg_img.jpg) no-repeat center top;
    padding: 0 25px;
    height: 380px;
}
.tabs-tit{
    padding-top: 5px;
    overflow: hidden;
}
.tabs-tit dl dt{
    width: 68px;
    height: 34px;
    text-align: center;
    position: relative;
    line-height: 34px;
    float: left;
    overflow: hidden;
}
.tabs-tit dl dt a{
    width: 100%;
    height: 100%;
    display: block;
    color: #333041;
    font-size: 18px;
}
.tabs-tit dl dt a i{
    width: 68px;
    height: 6px;
    display: block;
    position: absolute;
}
.tabs-tit dl dd{
    width: 16px;
    text-align: center;
    color: #a2969d;
    font-size: 14px;
    float: left;
    margin: 6px 0 0;
}
.tabs-tit dl dt a.hover i.i2 {
    bottom: 0;
    right: -68px;
    background: url(../images/news_title_img_01.png) no-repeat center top;
    -webkit-transform: translateX(-68px);
    transform: translateX(-68px);
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.tabs-tit dl dt a:hover i.i2 {
    bottom: 0;
    right: -68px;
    background: url(../images/news_title_img_01.png) no-repeat center top;
    -webkit-transform: translateX(-68px);
    transform: translateX(-68px);
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.tabs-tit dl dt a.hover i.i1 {
    left: -68px;
    top: 0;
    background: url(../images/news_title_img_1.png) no-repeat center top;
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.tabs-tit dl dt a:hover i.i1 {
    left: -68px;
    top: 0;
    background: url(../images/news_title_img_1.png) no-repeat center top;
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}
.tabs-body h2{
    width: 100%;
    padding: 27px 0 18px 0;
    text-align: center;
    font-size: 18px;
    color: #9f392e;
    border-bottom: 1px dashed #cfbfb3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}
.tabs-body h2 a{
    color: #9f392e;
}
.nlistbox ul,.nlistbox ul li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.nlistbox ul li {
    font-size: 14px;
    line-height: 29px;
    overflow: hidden;
    position: relative;
}
.nlistbox ul li em{
    font-style: normal;
    width: 64px;
    color: #a48263;
    display: block;
    float: left;
}
.nlistbox ul li a{
    width: 380px;
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333041;
}
.nlistbox ul li span{
    width: 40px;
    color: #858291;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
}
.oprbox{
    position: absolute;
    left: 0;
    bottom: 0px;
    font-size: 16px;
    text-align: center;
}
.oprbox .li{
    display: block;
    position: absolute;
    height: 90px;
    line-height: 70px;
}
.oprbox .li a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: url(../images/ico_bg.png) no-repeat;
    color: #fff7db;
}

.oprbox .li.down{
    bottom: 0;
    left: 0;
    height: 128px;
    width: 285px;
}
.oprbox .down a{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/down.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.oprbox .down a:hover{
    background-image: url(../images/down2.jpg);
}
.oprbox .li.reg{
    bottom: 55px;
    left: 295px;
    width: 246px;
    height: 75px;
}
.oprbox .reg a{
    background: url(../images/reg.jpg) no-repeat left top;
}
.oprbox .reg a:hover{
    background-position: -247px top;
}
.oprbox .li.jiao{
    bottom: 0px;
    left: 295px;
    width: 121px;
    height: 50px;
}
.oprbox .jiao a{
    background: url(../images/h.jpg) no-repeat left top;
    background-size: 100% 100%;
    text-indent: 0;
    line-height: 50px;
}
.oprbox .jiao a:hover{
    background: url(../images/bgh.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.oprbox .li.pay{
    bottom: 0;
    left: 420px;
    width: 121px;
    height: 50px;
}
.oprbox .pay a{
    background: url(../images/h.jpg) no-repeat left top;
    background-size: 100% 100%;
    text-indent: 0;
    line-height: 50px;
}
.oprbox .pay a:hover{
    background: url(../images/bgh.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.ias{
    width: 255px;
}
.ivideo{
    background: url(../images/music_bg_bk.png) no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
    height: 485px;

}
.ivideo .module_3_title {
    margin-top: 30px;
    margin-left: 25px;
    margin-right: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
.ivideo .module_3_title .left_title_module_3 span {
    width: 4px;
    height: 25px;
    background-color: #ad8962;
    display: block;
    overflow: hidden;
    float: left;
}
.ivideo .module_3_title .left_title_module_3 em {
    display: block;
    overflow: hidden;
    float: left;
    line-height: 25px;
    padding-left: 10px;
    font-size: 18px;
    font-style: normal;
}
.ivideo .url{
    margin: 0 25px 25px;
}

.special_nav {
    background: url(../images/special_bg.jpg) no-repeat;
    overflow: hidden;
}
.special_nav ul,.special_nav li{
    margin: 0;
    padding: 0;
}
.special_nav ul li {
    width: 122px;
    height: 157px;
    float: left;
    overflow: hidden;
}
.special_nav ul li a {
    width: 122px;
    height: 100%;
    display: block;
}
.special_nav ul li a:hover {
    background: url(../images/ico_bg.png) no-repeat -124px -379px;
}
.special_nav ul li span {
    padding-top: 38px;
    display: block;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 0.8s all ease;
    transition: 0.8s all ease;
}
.special_nav ul li span i {
    width: 62px;
    height: 62px;
    display: block;
    margin: 0 auto 0;
    background: url(../images/ico_bg.png) no-repeat;
}
.special_nav ul li em {
    display: block;
    padding-top: 7px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 0.8s all ease;
    transition: 0.8s all ease;
    font-style: normal;
}
.special_nav ul li:hover span {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: 0.8s all ease;
    transition: 0.8s all ease;
}
.special_nav ul li:hover em {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-transition: 0.8s all ease;
    transition: 0.8s all ease;
}
.special_nav ul li.n1,
.special_nav ul li.n3,
.special_nav ul li.n5,
.special_nav ul li.n7,
.special_nav ul li.n9,
.special_nav ul li.n11 {
    width: 123px;
}
.special_nav ul .n1 span i {
    background-position: left -575px;
}
.special_nav ul .n2 span i {
    background-position: -61px -452px;
}
.special_nav ul .n3 span i {
    background-position: left -266px;
}
.special_nav ul .n4 span i {
    background-position: left -452px;
}
.special_nav ul .n5 span i {
    background-position: -61px -575px;
}
.special_nav ul .n6 span i {
    background-position: -61px -575px;
}
.special_nav ul .n7 span i {
    background-position: left -390px;
}
.special_nav ul .n8 span i {
    background-position: left -205px;
}

.service_box {
    background: #343131;
    padding: 23px 23px 30px;
    overflow: hidden;
}
.service_box ul,.service_box li{
    margin: 0;
    padding: 0;
}
.service_box .phone_box {
    padding-top: 50px;
    color: #a09071;
}
.service_box .phone_box li {
    border-bottom: 1px solid #55483d;
    padding: 8px 0;
    text-align: center;
}
.service_box .s_list li {
    /*height: 29px;*/
    border-bottom: 1px solid #555252;
    overflow: hidden;
    position: relative;
    /*padding: 15px 0 15px 85px;*/
}
.service_box .s_list li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
}
.service_box .s_list li span {
    position: absolute;
    display: block;
    background: url(../images/ico_bg.png) no-repeat;
}
.service_box .s_list li.s2 span {
   /* width: 31px;*/
    height: 27px;
    top: 17px;
    left: 39px;
    background-position: -684px -167px;
}
.service_box .s_list li.s3 span {
    width: 26px;
    height: 26px;
    top: 18px;
    left: 43px;
    background-position: -684px -195px;
}


.index_banner{
    width: 743px;
    margin-left: 15px;
}
.index_banner .tit{
    display: none;
}
.index_banner img{
    width: 741px;
    height: 370px;
    display: block;
}
.index_banner .swiper-pagination-custom {
    width: 100%;
    height: 45px;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    bottom: 0;
}
.index_banner .swiper-paginationli {
    width: 25%;
    height: 45px;
    float: left;
    line-height: 40px;
    color: #8a5b31;
    margin-right: 0;
    overflow: hidden;
    display: block;
    border-radius: 0;
    cursor: pointer;
    font-size: 14px;
}
.index_banner .active {
    background-color: #404240;
    color: #fff;
    width: 25%;
    overflow: hidden;
    display: block;
    line-height: 40px;
    text-align: center;
    border-radius: 0;
}




.footer{
    background: rgb(51,51,51);
    padding: 20px 0;
    font-size: 14px;
    overflow: hidden;
}
.footer .copyright{
    color: #888;
}

.logon_zc {
    width: 1920px;
    height: 752px;
    background: url(../images/eject_bg_img.png) no-repeat center top;
    margin: -380px 0 0 -960px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    display: none;
}
.logon_zc .c_cont {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.logon_zc .c_cont .close_z {
    width: 73px;
    height: 80px;
    position: absolute;
    top: 65px;
    right: 19px;
}
.logon_zc .c_cont .close_z a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/close.png) no-repeat;
}
.logon_zc .l_left {
    width: 392px;
    float: left;
    padding: 110px 0 0 193px;
}
.logon_zc .l_left iframe {
    width: 650px;
    height: 600px;
}
.logon_zc .r_content {
    width: 540px;
    float: left;
    padding-top: 190px;
    padding-left: 72px;
}

.gray {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
    z-index: 999;
    display: none;
}