/* 

* @Author: songyaguang

* @Date:   2020-11-06 10:00:23

* @Last Modified by:   songyaguang

* @Last Modified time: 2020-12-17 09:25:04

*/

html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,form,select,a,img,em,span,strong,table,tbody,th,tr,td,textarea,iframe,button {

    margin: 0;

    padding: 0

}

img,button,embed {

    vertical-align: top;

    border: 0 none

}

input,textarea {

    border: 0 none;

    outline: none;

    resize: none

}

ul,ol,li {

    list-style: none

}

.fl {

    float: left

}

.fr {

    float: right

}

.tl {

    text-align: left

}

.tc {

    text-align: center

}

.tr {

    text-align: right

}

.pr {

    position: relative

}

.pa {

    position: absolute

}

a,a:visited {

    font-size: 100%;

    text-decoration: none

}

a:hover {

    color: #0174c4

}

.over {

    overflow: hidden;

    zoom: 1

}

i,em {

    font-style: normal

}

b {

    font-weight: normal

}

input::-ms-clear {

    display: none

}

input::-ms-reveal {

    display: none

}

html,body {

    width: 100%

}

iframe {

    margin-bottom: -5px;

    border: none

}

body,textarea {

    font: 14px/1.5em "微软雅黑","Microsoft YaHei","simsun",sans-serif,Arial

}

body {

    color: #000;

    min-width: 1900px;

    max-width: 1920px

}

.clearfix:after {

    clear: both;

    font-size: 0;

    height: 0;

    line-height: 0;

    display: block;

    visibility: hidden;

    content: "."

}

* html .clearfix {

    zoom: 1

}

*:first-child+html .clearfix {

    zoom: 1

}

.din {

    display: inline-block;

    *display: inline;

    zoom: 1

}

.container {

    width: 1200px;

    margin: 0 auto;

    min-width: 1200px;

    max-width: 1920px;

    position: relative

}

html {

    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)

}

img {

    filter: #808080

}

body {

    position: relative

}

.head_box{

    width: 100%;

    height: 1080px;/*1164*/

    background:url(../other/bg1.html) no-repeat;

    position: relative;

    overflow: hidden;

}

.slo_new{

    width: 699px;

    height: 327px;

    background:url(../images/slo.png) no-repeat;

    position: absolute;

    top: 160px;

    left: 270px;

/*    z-index: 2;*/

}

.w_1200{

    width: 1200px;

    margin:0 auto;

    position: relative;

}

.logo{

    position: absolute;

    left: 60px;

    top: 28px;

    z-index: 999;

    width: 208px;

}

.logo img {

    width: 100%;

}

.videobox{

    width: 1920px;

    height: 1080px;

    position: absolute;

    left: 50%;

    top: 0;

    margin-left: -960px;

}

.go_index{

    width: 167px;

    height: 45px;

    background:url(../images/guan_btn.png) no-repeat;

    display: block;

    position: absolute;

    top:80px;

    right: -40px;

    z-index: 2;

}

.go_index:hover{

    background-position:0 -45px;

}

.go_index:hover .go_index_icon{

    animation: jup .8s .2s 1 both;

}

.go_index .go_index_icon{

    width: 21px;

    height: 15px;

    display: block;

    margin: 16px 0 0 32px;

    background:url(../other/icon.html) no-repeat 0 -138px;

}

.slogan{

    /*width: 518px;

    height: 304px;

    background:url(../images/slo2.png) no-repeat;

    position: absolute;

    top: 243px;

    left:-2px;*/

}

.top_plant{

    /*width: 504px;

    height: 44px;

    background:url(../images/pc_title2.png) no-repeat;

    position: absolute;

    top: 516px;

    left: 72px;*/

}

.top_v{

    width: 120px;

    height: 91px;

    background: url(../other/cg_video_bg.html) no-repeat;

    position: absolute;

    top: 320px;

    left: 64px;

    cursor: pointer;

    z-index:3

}

.v_bg{

    width: 76px;

    height: 76px;

    display: block;

    background: url(../other/1217_gjolcg.html) no-repeat;

    border-radius: 50%;

    margin: 9px 0 0 24px;

    /*-webkit-animation: rotate 4s linear infinite 300ms 0 ease;

    -moz-animation: rotate 4s linear infinite 300ms 0 ease;

    -ms-animation: rotate 4s linear infinite 300ms 0 ease;

    animation: rotate 4s linear infinite 300ms 0 ease;

    -moz-animation: rotate 4s linear infinite;

    -webkit-animation: rotate 4s linear infinite;

    -o-animation: rotate 4s linear infinite;

    -ms-animation: rotate 4s linear infinite;

    animation: rotate 4s linear infinite;*/

}

.v_jiao{

    width: 20px;

    height: 23px;

    display: block;

    background:url(../other/cg_video_sj.html) no-repeat;

    position: absolute;

    top: 36px;

    left: 54px;

}

.v_jiao:hover{

    background-position:0 -23px;

 

}

.mask_video{

    width: 1920px;

    height: 1080px;

    position: absolute;

    top:0;

    left:0;

    background:#000;

    opacity: 0.1;

    filter: alpha(opacity=10);

    -moz-opacity: .1;

    opacity: .1 

}

.gift_btn{

    width: 230px;

    height: 64px;

    display: block;

    background:url(../other/xiaz.html) no-repeat;

    position: absolute;

    top: 490px;

    left: 206px;

    z-index: 3

}

.gift_btn:hover{

    background-position: 0 -64px;

}

/*.gift_btn .gift_btn_icon{

    width: 34px;

    height: 34px;

    background: url(../images/icon.png) no-repeat 0 -103px;

    position: absolute;

    top:-14px;

    right: -14px;

}*/

.new_load_img{

    width: 277px;

    height: 53px;

    display: block;

    background:url(../images/yuye.png) no-repeat;

    position: absolute;

    top: 520px;

    left: 440px;

    z-index: 3

}

.new_load_img:hover{

    background-position: 0 -53px;

}

.reg_box{

    width: 1202px;

    height: 422px;

    background:url(../other/reg_box_bg.html) no-repeat;

    background-size: 100% 100%;

    position: absolute;

    left:0;

    top:646px;

    z-index: 4;

}

.reg_box ul{

    width: 100%;

    overflow: hidden;

}

.reg_box li{

    width: 400px;

    height: 414px;

    float: left;

    position: relative;

}

.reg_box li .reg_bt1{

    width: 201px;

    height: 49px;

    background:url(../other/reg_bt1.html) no-repeat;

    margin:20px auto 0;

    position: relative;

}

.reg_box li .reg_bt1 .reg_bt1_icon{

    width: 34px;

    height: 34px;

    background: url(../other/icon.html) no-repeat 0 -103px;

    position: absolute;

    top: 0;

    right: -36px;

}

.reg_box li .reg_bt1_title{

    width: 100%;

    text-align: center;

    color:#eac48b;

    font-size: 14px;

    margin-top: -12px

}

.reg_box li .reg_iframe{

    margin:16px 0 0 34px;

}

.reg_box li .reg_bt2{

    width: 281px;

    height: 49px;

    background:url(../other/reg_bt2.html) no-repeat;

    margin:20px auto 0;

}

.bag_img2{

    width: 254px;

    height: 263px;

    margin:20px auto 0;

    overflow: hidden;

}

.bag2_box{

    width: 354px;

    height: 130px;

    position: absolute;

    left:50%;

    margin-left:-177px;

    bottom: 20px;

}

.bag2_box .quick_btn{

    width: 173px;

    height: 49px;

    display: block;

    background:url(../other/wy_load_btn.html) no-repeat;

    position: absolute;

    left:0;

    top:26px;

}

.bag2_box .quick_btn:hover{

    background-position: 0 -49px;

}

.bag2_box .quick_btn:hover .quick_btn_icon{

    animation: jup .8s .2s 1 both;

} 

.bag2_box .quick_btn .quick_btn_icon{

    width: 25px;

    height: 23px;

    display: block;

    margin: 18px 0 0 126px;

    background:url(../other/icon.html) no-repeat 0 -207px;

}

.bag2_box .other_btn{

    width: 173px;

    height: 49px;

    display: block;

    background:url(../other/gf_load_btn.html) no-repeat;

    position: absolute;

    right:0;

    top:26px;

}

.bag2_box .other_btn:hover{

    background-position: 0 -49px;

}

.bag2_box .other_btn:hover .gf_icon{

    animation: jup .8s .2s 1 both;

} 

.bag2_box .other_btn .gf_icon{

    width: 25px;

    height: 23px;

    display: block;

    margin: 18px 0 0 120px;

    background:url(../other/icon.html) no-repeat 0 -207px;

}

.bag2_box .xunlei_btn{

    width: 120px;

    height: 28px;

    display: block;

    background:url(../other/xl_btn.html) no-repeat;

    position: absolute;

    left: 116px;

    top: 92px;

}

.bag2_box .xunlei_btn:hover{

    background-position: 0 -28px;

}

.reg_box li .reg_bt3{

    width: 243px;

    height: 51px;

    background:url(../other/reg_bt3.html) no-repeat;

    margin:20px auto 0;

}

.bag_img3{

    width: 254px;

    height: 263px;

    margin:20px auto 0;

    overflow: hidden;

}

.bag3_btn{

    width: 303px;

    height: 49px;

    display: block;

    background:url(../other/bag_btn.html) no-repeat;

    position: absolute;

    left:50%;

    margin-left:-151px;

    bottom: 54px;

}

.bag3_btn:hover{

    background-position: 0 -50px;

}

.bag3_btn .bag3_btn_icon{

    width: 22px;

    height: 22px;

    display: block;

    background:url(../other/icon.html) no-repeat 0 -49px;

    margin:12px 0 0 100px;

}

.bag3_btn:hover .bag3_btn_icon{

    animation: jup .8s .2s 1 both;

}

.wi_box {

    width: 100%;

    position: absolute;

    bottom: 30px;

    display: none;

    font-size: 14px;

    color: #000;

    text-align: center;

}

.news_btn {

    width: 156px;

    height: 25px;

    position: absolute;

    top: -228px;

    right: 14px;

    z-index: 9;

}

.news_btn a {

    width: 100%;

    height: 100%;

    background: url(../other/news_btn.html) no-repeat;

    display: block;

}

.news_btn a:hover{

    background-position: 0 -26px;

}

.main_box{

    width: 100%;

    height: 4861px;

    background:url(../other/count.html) no-repeat;

    position: relative;

    padding-top:40px;

    overflow: hidden;

}

.w_1340{

    width: 1340px;

    margin:0 auto;

    position: relative;

}

.bt1{

    width:1245px;

    height: 50px;

    background:url(../other/bt1.html) no-repeat; 

    margin:30px auto 44px;

}

.count1{

    width: 100%;

    height: 870px;

    position: relative;

}

.new_banben_bg{

    width: 1736px;

    height: 543px;

    background:url(../other/new_banben_bg.html) no-repeat;

    position: absolute;

    top:0;

    left: -310px;

}

.bt1_v_bg{

    width: 1680px;

    height: 720px;

    background:url(../other/n01.html) no-repeat;

    position: absolute;

    top:50px;

    left: -310px;

    overflow: hidden;

}

.bt1_icon{

    width: 291px;

    height: 635px;

    background:url(../other/ts01.html) no-repeat;

    position: absolute;

    left: 400px;

    top: -30px;

    z-index: 2;

}

.bt2_v_bg{

    width: 1680px;

    height: 720px;

    background:url(../other/n02.html) no-repeat;

    position: absolute;

    top:50px;

    left: -310px;

    overflow: hidden;

}

.bt2_icon{

    width: 291px;

    height: 635px;

    background:url(../other/ts02.html) no-repeat;

    position: absolute;

    left: 400px;

    top: -30px;

    z-index: 2;

}

.bt3_v_bg{

    width: 1680px;

    height: 720px;

    background:url(../other/n03.html) no-repeat;

    position: absolute;

    top:50px;

    left: -310px;

 /*   overflow: hidden;*/

}

.bt3_icon{

    width: 291px;

    height: 635px;

    background:url(../other/ts03.html) no-repeat;

    position: absolute;

    left: 400px;

    top: -30px;

    z-index: 2;

}

.bt4_v_bg{

    width: 1680px;

    height: 720px;

    background:url(../other/n04.html) no-repeat;

    position: absolute;

    top:50px;

    left: -310px;

 /*   overflow: hidden;*/

}

.bt4_icon{

    width: 291px;

    height: 635px;

    background:url(../other/ts04.html) no-repeat;

    position: absolute;

    left: 400px;

    top: -30px;

    z-index: 2;

}

.new_li{

    display: none;

}

.new_li .new_bt_icon .bt1_more{

    width: 207px;

    height: 51px;

    background:url(../other/more_btn.html) no-repeat;

    display: block;

    position: absolute;

    bottom: 14px;

    left: 40px;

    text-align: center;

    line-height: 51px;

    font-size: 20px;

    color:#6a392a;

}

.bt1_icon .bt1_more:hover{

    background-position: 0 -51px;

}

.bt1_v_bg .v_line{

    width: 1624px;

    height: 694px;

    border: 1px solid #817b7b;

    margin: 12px 0 0 42px;

    position: relative;

}

.banben_v{

    width: 169px;

    height: 169px;

    display: block;

    background:url(../other/v_icon.html) no-repeat;

    position: absolute;

    top: 300px;

    left: 630px;

    z-index: 2;

}

.eagle{

    width: 469px;

    height: 760px;

    background:url(../other/eagle.html) no-repeat;

    position: absolute;

    right: -290px;

    bottom: -106px;

    z-index: 2;

}

.bt2{

    width:1245px;

    height: 51px;

    background:url(../other/bt2.html) no-repeat; 

    margin:80px auto 90px;

    position: relative;

    z-index: 10;

}

.count2{

    width: 100%;

    height: 810px;

    position: relative;

}

.new_icon{

    width: 21px;

    height: 21px;

    background: url(../other/icon.html) no-repeat 0 -183px;

    position: absolute;

    top: 30px;

    left: -156px;

}

.btn2_box{

    width: 230px;

    height: 810px;

    position: absolute;

    left:-230px;

    top:40px;

    z-index: 7;

}

.mp_line{

    width: 1224px;

    height: 364px;

    background: url(../other/mp_line.html) no-repeat;

    position: absolute;

    left: -126px;

    bottom: 72px;

    z-index: 2;

}

.mp_icon{

    width: 202px;

    height: 609px;

    background:url(../other/mp_icon2.html) no-repeat;

    position: absolute;

    left: 508px;

    top: 56px;

    z-index: 3;

}

.btn2_box a{

    display: block;

    position: absolute;

}

.btn2_box .a1{

    width: 99px;

    height: 112px;

    left:0;

    top:0;

    background:url(../other/ly_btn.html) no-repeat;

    position: relative;

}

.btn2_box .a1 .ly_box_bg{

    display: none;

}

.btn2_box .a1.on{

    width: 111px;

    background-position: -100px -1px;

    left:1px;

}

.btn2_box .a1.on .ly_box_bg{

    width: 214px;

    height: 88px;

    background:url(../other/bt_box.html) no-repeat;

    position: absolute;

    left: 67px;

    top: 6px;

    z-index: 2;

    display: block;

}

.btn2_box .a1.on .ly_box_bg span{

    display: block;

    color:#9f9068;

    font-size: 14px;

    margin-left:56px;

}

.btn2_box .a1.on .ly_box_bg .span1{

    margin:16px 0 10px 56px;

}

.btn2_box .a1.on .ly_box_bg span.on{

    font-size: 18px;

    color:#eed594;

    margin-left:56px;   

}

.btn2_box .a1.on .ly_box_bg span.on i{

    display: inline-block;

    margin-right: 5px;

    width: 36px;

    height: 15px;

    background:url(../other/bt_icon.html) no-repeat 0px 0px;

    background-position: 0 0;

}

.btn2_box .a2{

    width: 99px;

    height: 112px;

    left:0;

    top:140px;

    background:url(../other/yj_btn.html) no-repeat;

}

.btn2_box .a2.on{

    width: 111px;

    background-position: -101px -2px;

    left:2px;

}

.btn2_box .a3{

    width: 99px;

    height: 112px;

    left:0;

    top:280px;

    background:url(../other/mf_btn.html) no-repeat 2px 0px;

}

.btn2_box .a3.on{

    width: 111px;

    background-position: -100px 0px;

    left:2px;

}

.btn2_box .a4{

    width: 99px;

    height: 112px;

    left:0;

    top:420px;

    background:url(../other/tg_btn.html) no-repeat;

}

.btn2_box .a4.on{

    width: 111px;

    background-position: -102px 0;

    left:3px;

}

.btn2_box .a5{

    width: 99px;

    height: 112px;

    left:0;

    top:560px;

    background:url(../other/zf_btn.html) no-repeat;

}

.btn2_box .a5.on{

    width: 111px;

    background-position: -100px 0;

    left:2px;

}

.btn2_box .a6{

    width: 99px;

    height: 112px;

    left:78px;

    top:66px;

    background:url(../other/zx_btn.html) no-repeat;

}

.btn2_box .a6.on{

    width: 111px;

    background-position: -98px 0;

    left:79px;

}

.btn2_box .a7{

    width: 99px;

    height: 112px;

    left:78px;

    top:206px;

    background:url(../other/yf_btn.html) no-repeat;

}

.btn2_box .a7.on{

    width: 111px;

    background-position: -100px 0;

    left:79px;

}

.btn2_box .a8{

    width: 99px;

    height: 112px;

    left:78px;

    top:346px;

    background:url(../other/sm_btn.html) no-repeat;

}

.btn2_box .a8.on{

    width: 111px;

    background-position: -100px 0;

    left:80px;

}

.btn2_box .a9{

    width: 99px;

    height: 112px;

    left:78px;

    top:486px;

    background:url(../other/zy_btn.html) no-repeat;

}

.btn2_box .a9.on{

    width: 111px;

    background-position: -98px 0;

    left:79px;

}

.mp_v_box{

    width: 1080px;

    height: 600px;

    position: absolute;

    top: 60px;

    right: -288px;

    z-index: 2;

}

.mp_v_box .v_list{

    width: 1080px;

    height: 600px;

    background:url(../other/zx_img.html) no-repeat;

    overflow: hidden;

    display: none;

}

/*.v_list1{

    width: 1080px;

    height: 600px;

    background:url(../images/zx_img.jpg) no-repeat;

}

.v_list2{

    width: 1080px;

    height: 600px;

    background:url(../images/yf_img.jpg) no-repeat;

}

.v_list3{

    width: 1080px;

    height: 600px;

    background:url(../images/ly_img.jpg) no-repeat;

}

.v_list4{

    width: 1080px;

    height: 600px;

    background:url(../images/tg_img.jpg) no-repeat;

}

.v_list5{

    width: 1080px;

    height: 600px;

    background:url(../images/zf_img.jpg) no-repeat;

}

.v_list6{

    width: 1080px;

    height: 600px;

    background:url(../images/yj_img.jpg) no-repeat;

}

.v_list7{

    width: 1080px;

    height: 600px;

    background:url(../images/mf_img.jpg) no-repeat;

}

.v_list8{

    width: 1080px;

    height: 600px;

    background:url(../images/sm_img.jpg) no-repeat;

}

.v_list9{

    width: 1080px;

    height: 600px;

    background:url(../images/zy_img.jpg) no-repeat;

}*/

.peo_list{

    position: absolute;

    top: 0px;

    left: 870px;

    z-index: 6;

}

.peo_list .peo_more{

    width: 207px;

    height: 51px;

    background: url(../other/more_btn.html) no-repeat;

    display: block;

    position: absolute;

    bottom: 130px;

    left: 78px;

    text-align: center;

    line-height: 51px;

    font-size: 20px;

    color: #6a392a; 

    z-index: 3;

}

.peo_list .peo_more:hover{

    background-position: 0 -51px;

}

.peo_list .peo_plant{

    display: none;

}

.peo_new_btn{

    display: none;

}

.peo_new_1{

    width: 365px;

    height: 644px;

    background:url(../other/ly_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.peo_new_2{

    width: 365px;

    height: 644px;

    background:url(../other/lj_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;  

}

.peo_plant2{

    width: 365px;

    height: 644px;

    background:url(../other/yj_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.peo_plant3{

    width: 365px;

    height: 644px;

    background:url(../other/mf_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.peo_plant4{

    width: 365px;

    height: 644px;

    background:url(../other/tg_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.peo_plant5{

    width: 365px;

    height: 644px;

    background:url(../other/zf_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.peo_plant6{

    width: 365px;

    height: 644px;

    background:url(../other/zx_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.peo_plant7{

    width: 365px;

    height: 644px;

    background:url(../other/yf_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.peo_plant8{

    width: 365px;

    height: 644px;

    background:url(../other/sm_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.peo_plant9{

    width: 365px;

    height: 644px;

    background:url(../other/zy_plant.html) no-repeat;

    animation: fadeInRight .8s .2s 1 both;

}

.p_box{

    width: 1390px;

    height: 830px;

    position:absolute;

    top:-80px;

    left:-200px;

    z-index: 5;

}

.p_box .mp_p{

    display: none;

}

.gold_icon{

    width: 755px;

    height: 538px;

    background:url(../other/gold.html) no-repeat;

    position: absolute;

    left: 160px;

    bottom: -58px;

    z-index: 2;

}

.peo_new .p_new{

    display: none;

}

.peo1{   

    width: 1347px;

    height: 754px;

    background:url(../other/peo.html) no-repeat;

    position:absolute;

    top: 63px;

    left: 50px;

    animation: fadeInLeft .8s .2s 1 both;

}

.peo2{

    width: 1272px;

    height: 735px;

    background:url(../other/ly_p.html) no-repeat;

    position:absolute;

    top:82px;

    left:170px;

    animation: fadeInLeft .8s .2s 1 both;

}

.p2{

    width: 1428px;

    height: 842px;

    background:url(../other/yj_p.html) no-repeat;

    position:absolute;

    top: -26px;

    left: -36px;

    animation: fadeInLeft .8s .2s 1 both;

}

.p3{

    width: 1256px;

    height:794px;

    background:url(../other/mf_p.html) no-repeat;

    position:absolute;

    top:23px;

    left:74px;

    animation: fadeInLeft .8s .2s 1 both;

}

.p4{

    width: 1192px;

    height: 820px;

    background:url(../other/tg_p.html) no-repeat;

    position:absolute;

    top: -3px;

    left: -70px;

    animation: fadeInLeft .8s .2s 1 both;

}

.p5{

    width: 1195px;

    height: 790px;

    background:url(../other/zf_p.html) no-repeat;

    position:absolute;

    top: 27px;

    left: 78px;

    animation: fadeInLeft .8s .2s 1 both;

}

.p6{

    width: 1292px;

    height: 817px;

    background:url(../other/zx_p.html) no-repeat;

    position:absolute;

    top: 0px;

    left: -170px;

    animation: fadeInLeft .8s .2s 1 both;

}

.p7{

    width: 880px;

    height: 849px;

    background:url(../other/yf_p.html) no-repeat;

    position:absolute;

    top: -32px;

    left: 160px;

    animation: fadeInLeft .8s .2s 1 both; 

}

.p8{

    width: 1601px;

    height: 913px;

    background:url(../other/sm_p.html) no-repeat;

    position:absolute;

    top: -96px;

    left: 100px;

    animation: fadeInLeft .8s .2s 1 both;

}

.p9{

    width: 1371px;

    height: 1035px;

    background:url(../other/zy_p.html) no-repeat;

    position:absolute;

    top: -218px;

    left: -72px;

    animation: fadeInLeft .8s .2s 1 both;

}

.bt3{

    width: 1125px;

    height: 66px;

    background: url(../other/bt3.html) no-repeat;

    margin: 110px auto 30px; 

}

.count3{

    width: 100%;

    height: 790px;

    position: relative;

}

.tab_main{

    width: 1840px;

    height: 700px;

    position: absolute;

    left:-250px;

    top:0;

}

.count3 .swiper1{

    width:1840px;

    overflow: hidden;

    padding-top:50px;

}

.swiper1 .swiper-slide {

    width:1200px;

    height:674px;

    position:relative;

}

.sld1{

    width: 1200px;

    height: 700px;

    background:url(../other/t1.html) no-repeat;

    background-size:100% 100%;

}

.sld2{

    width: 1200px;

    height: 700px;

    background:url(../other/t2.html) no-repeat;

    background-size:100% 100%;

}

.sld3{

    width: 1200px;

    height: 700px;

    background:url(../other/t3.html) no-repeat;

    background-size:100% 100%;

}

.sld4{

    width: 1200px;

    height: 700px;

    background:url(../other/t4.html) no-repeat;

    background-size:100% 100%;

}

.sld5{

    width: 1200px;

    height: 700px;

    background:url(../other/t5.html) no-repeat;

    background-size:100% 100%;

}

.swiper-slide .w_maks_1200{

    width: 1180px;

    height: 650px;

    border: 1px solid #ccc;

    position: absolute;

    z-index: 10;

    left: 9px;

    top: 10px;   

}

.swiper-slide .swiper_v{

    top:0;

    left:0;

    display: none;

}

#prev1{

    left: 214px;

    top: 304px;

    transition: transform 0.3s, -webkit-transform 0.3s;

    transform: translateX(0);

}

#prev1:hover{

    transform: translateX(-10px);

}

#next1{

    right: 214px;

    top: 304px;

    transition: transform 0.3s, -webkit-transform 0.3s;

    transform: translateX(0);

}

#next1:hover{

    transform: translateX(10px);

}

.btn_nav{

    width: 291px;

    height: 635px;

    background:url(../other/tese_bg.html) no-repeat;

    position: absolute;

    top:0px;

    left:400px;

    z-index: 10;

    padding-top:20px;

    padding-left:56px;

}

/*.btn_nav span.swiper-pagination-bullet:nth-child(1) {

    width: 179px;

    height: 37px;

    background: url(../images/t_btn1.png) no-repeat;

    margin-top: 79px;

    margin-left: 10px;

}

.btn_nav span.swiper-pagination-bullet-active:nth-child(1) {

    width: 179px;

    height: 37px;

    background: url(../images/t_btn1_on.png) no-repeat;

    margin-top: 79px;

    display: block;

    margin-left: 10px;

}*/

.swiper-pagination-bullet{

    width: 30px;

    height: 210px;

    display: inline-block;

    float: left;

    margin-right: 8px;

    font-size: 20px;

    color: #725d39;

    text-align: center;

    line-height: 22px;

    padding-top:86px;

    font-size: 21px;

    opacity: 1;

    font-family: '造字工房刻宋';

}

.btn_nav .swiper-pagination-bullet:last-child{

    margin-right: 0;

}

.bt4{

    width: 1125px;

    height:64px;

    background: url(../other/bt4.html) no-repeat;

    margin: 100px auto 50px; 

}

.count4{

    width: 100%;

    height: 540px;

    position: relative;

}

.hot_box{

    width: 1266px;

    height: 450px;

    overflow: hidden;

    margin:0 auto;

    padding-top:6px;

    position: relative;

    z-index: 3

}

.hot_box .hot_list{

    width: 298px;

    height: 447px;

    float: left;

    margin-right: 24px;

    position: relative;

}

/*.hot_box .hot_list:hover{

    animation: jup .8s .2s 1 both;

}*/

.hot_box .hot_list img{

    width: 100%;

}

.hot_box .hot_list:last-child{

    margin-right: 0;

}

.hot_box .hot_list .par_btn{

    width: 197px;

    height: 43px;

    background:url(../other/par_btn.html) no-repeat;

    text-align: center;

    line-height: 43px;

    color:#fff;

    font-size: 22px;

    color:#ffe1df;

    position: absolute;

    left:50%;

    margin-left:-98px;

    bottom: 70px;

    font-family: '造字工房刻宋'

}

.hot_box .hot_list .par_btn:hover{

    background-position: 0 -43px;

}

.hot_box .hot_list .par_btn.on{

    width: 197px;

    height: 43px;

    background:url(../other/soon_btn.html) no-repeat;

    cursor: default;

    cursor: not-allowed;

    color: #747171;

}

.bt5{

    width: 939px;

    height: 244px;

    background: url(../other/bt5.html) no-repeat;

    margin: 0px auto 36px; 

}

.foot_btn{

    width: 760px;

    margin:0 auto;

    position: relative;

    z-index: 3;

}

.foot_b_btn{

    width: 684px;

    height: 80px;

    margin:0 auto;

    overflow: hidden;

}

.foot_b_btn .foot_index{

    width: 180px;

    height: 77px;

    display: block;

    float: left;

    padding-left: 134px;

    margin-right: 56px;

    background:url(../other/reg_btn.html) no-repeat;

    text-align: left;

    line-height: 77px;

    font-size: 26px;

    color:#a04126;

    font-family: '造字工房刻宋'

}

.foot_b_btn .foot_index:hover .foot_index_icon{

    animation: jup .8s .2s 1 both;

}

.foot_b_btn .foot_index .foot_index_icon{

    width: 28px;

    height: 22px;

    display: block;

    margin: -50px 0 0 -40px;

    background: url(../other/icon.html) no-repeat 0 -157px;

}

.foot_b_btn .foot_download{

    width: 180px;

    height: 77px;

    display: block;

    float: left;

    line-height: 77px;

    padding-left: 134px;

    background:url(../other/reg_btn.html) no-repeat;

    text-align: left;

    font-size: 26px;

    color:#a04126;

    font-family: '造字工房刻宋'

}

.foot_b_btn .foot_download:hover .foot_download_icon{

    animation: jup .8s .2s 1 both;

}

.foot_b_btn .foot_download .foot_download_icon{

    width: 32px;

    height: 17px;

    display: block;

    margin: -50px 0 0 -40px;

    background: url(../other/icon.html) no-repeat 0 -29px;

}

.foot_b_btn a:hover{

    background-position: 0 -78px;

}

.foot_s_btn{

    width: 760px;

    height: 60px;

    overflow: hidden;

    margin:32px auto 0;

}

.foot_s_btn a{

    width: 207px;

    height: 51px;

    margin-right: 66px;

    background: url(../other/more_btn.html) no-repeat;

    display: block;

    text-align: center;

    line-height: 51px;

    font-size: 20px;

    color: #6a392a;

    z-index: 3;

    display: block;

    float: left;

}

.foot_s_btn a:last-child{

    margin-right: 0;

}

.foot_s_btn a:hover{

    background-position: 0 -51px;

}

.q_code{

    width: 1230px;

    height: 260px;

    margin:80px auto 0;

    position: relative;

    z-index: 3

}

.wx_code{

    width: 277px;

    height: 224px;

    background:url(../other/wx_box.html) no-repeat;

    float: left;

    margin-right: 38px;

    position: relative;

    font-size: 17px;

    line-height: 390px;

    color:#d1af8f;

    text-align: center;

    font-family: '造字工房刻宋'

}

.wb_code{

    width: 277px;

    height: 224px;

    background:url(../other/wb_box.html) no-repeat;

    float: left;

    margin-right: 38px;

    position: relative;

    font-size: 17px;

    line-height: 390px;

    color:#d1af8f;

    text-align: center;

    font-family: '造字工房刻宋'

}

.wy_code{

    width: 277px;

    height:50px;

    background:url(../other/wy_box.html) no-repeat;

    float: left;

    margin-right: 38px;

    position: relative;

    font-size: 14px;

    color:#d1af8f;

    padding-top:174px;

    text-align: center;

}

.wy_code .wy_details{

    color:#e45f45;

    border-bottom:1px solid #e45f45;

}

.wy_code .wy_details:hover{

    color:#f1300a;

}

.service_box{

    width: 277px;

    height: 224px;

    background:url(../other/service_box.html) no-repeat;

    float: left;

    position: relative;

}

.wx_code_mask{

    width: 182px;

    height: 182px;

    background:url(../other/wx_code.html) no-repeat;

    position: absolute;

    top:-20px;

    right: -20px;

}

.wb_code_mask{

    width: 182px;

    height: 182px;

    background:url(../other/wb_code.html) no-repeat;

    position: absolute;

    top:-20px;

    right: -20px;

    display: block;

}

.wy_code_mask{

    width: 182px;

    height: 182px;

    background:url(../other/wy_code.html) no-repeat;

    position: absolute;

    top:-20px;

    right: -20px;

    display: block;

}

.ser_list{

    width: 170px;

    height: 100px;

    margin:56px 0 0 94px;

}

.ser_list span{

    display: block;  

}

.ser_list .span1{

    font-size: 22px;

    color:#fff; 

    font-family: '造字工房刻宋'   

}

.ser_list .span2{

    font-size: 24px;

    color:#d1af8f; 

    margin-top:16px;   

}

.ser_list .span3{

    font-size: 14px;

    color:#d1af8f;

    margin-top:16px; 

    font-family: '造字工房刻宋'    

}

.ser_line{

    width: 254px;

    height: 28px;

    overflow: hidden;

    margin:20px auto 0;

}

.ser_line a{

    width: 122px;

    height: 28px;

    background:url(../other/service_btn.html) no-repeat;

    text-align: center;

    line-height: 28px;

    font-size: 14px;

    color:#291a14;

    display: block;

    margin:0 auto;

}

/*.ser_line a.a1{

    margin-right: 10px;

}*/

.ser_line a:hover{

    background-position: 0 -28px;

}

.q_code_foot{

    width: 916px;

    height: 246px;

    margin:24px auto 0;

    position: relative;

    z-index: 3;

}

.dy_code{

    width: 277px;

    height: 224px;

    background:url(../other/dy_box.html) no-repeat;

    float: left;

    margin-right: 42px;

    position: relative;

    font-size: 17px;

    line-height: 390px;

    color:#d1af8f;

    text-align: center;

    font-family: '造字工房刻宋'

}

.b_code{

    width: 277px;

    height: 224px;

    background:url(../other/b_box.html) no-repeat;

    position: relative;

    font-size: 15px;

    line-height: 390px;

    float: left;

    margin-right: 42px;

    color:#d1af8f;

    text-align: center;

    font-family: '造字工房刻宋'

}

.tb_code{

    width: 277px;

    height: 224px;

    background:url(../other/tb.html) no-repeat;

    float: left;

    position: relative;

    font-size: 15px;

    line-height: 390px;

    color:#d1af8f;

    text-align: center;

    font-family: '造字工房刻宋'

}

.dy_code_mask{

    width: 181px;

    height: 181px;

    background:url(../other/dy_code.html) no-repeat;

    position: absolute;

    top:-20px;

    right: -20px;

    display: block;

}

.b_code_mask{

    width: 181px;

    height: 181px;

    background:url(../other/b_code.html) no-repeat;

    position: absolute;

    top:-20px;

    right: -20px;

    display: block;

}

.tb_code_mask{

    width: 181px;

    height: 181px;

    background:url(../other/tb_mask.html) no-repeat;

    position: absolute;

    top:-20px;

    right: -20px;

    display: block;

}

.close {

    width: 35px;

    height: 35px;

    position: absolute;

    top: 40px;

    right: -40px

}

.close a {

    width: 100%;

    height: 100%;

    display: block;

    background: url(../other/close.html) no-repeat;

    -webkit-transition: transform .5s linear;

    -moz-transition: transform .5s linear;

    -ms-transition: transform .5s linear;

    -o-transition: transform .5s linear;

    transition: transform .5s linear

}

.close a:hover {

    background: url(../other/close.html) no-repeat;

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg)

}

.eject,.gray {

    z-index: 9999;

    display: none

}

.gray {

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    background: #000;

    filter: alpha(opacity=80);

    -moz-opacity: .8;

    opacity: .8

}

.eject {

    display: none;

    width: 790px;

    height: 390px;

    margin-left: -395px;

    margin-top: -195px;

    left: 50%;

    top: 50%;

    position: fixed

}

.eject .e-close {

    position: absolute;

    right: -23px;

    top: 0;

    background: #fff;

    color: #6f6f6f;

    padding: 2px 5px;

    font-family: Arial;

    font-size: 18px;

    line-height: 18px

}

@keyframes not {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}

@keyframes fadeIntop {

    0% {

        opacity: 0;

        transform: translate3d(0, 10%, 0)

    }

    100% {

        opacity: 1;

        transform: none

    }

}

@keyframes fadeInLeft {

    0% {

        opacity: 1;

        transform: translate3d(-4%, 0, 0)

    }

    100% {

        opacity: 1;

        transform: none

    }

}

@keyframes fadeInRight {

    0% {

        opacity: 0;

        transform: translate3d(50%, 0, 0)

    }

    to {

        opacity: 1;

        transform: none

    }

}

@keyframes fadeInRight1 {

    0% {

        opacity: 0;

        transform: translate3d(20%, 0, 0)

    }

    to {

        opacity: 1;

        transform: none

    }

}

@-webkit-keyframes layer-zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale(.1) translateY(-2000px);

        transform: scale(.1) translateY(-2000px);

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(.475) translateY(60px);

        transform: scale(.475) translateY(60px);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

}

@keyframes layer-zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale(.1) translateY(-2000px);

        -ms-transform: scale(.1) translateY(-2000px);

        transform: scale(.1) translateY(-2000px);

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(.475) translateY(60px);

        -ms-transform: scale(.475) translateY(60px);

        transform: scale(.475) translateY(60px);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

}

@-webkit-keyframes jup {

    0% {

        transform: translate(0, 0)

    }

    50% {

        transform: translate(0, -6px)

    }

    100% {

        transform: translate(0, 0)

    }

}

@keyframes flicker {

    0% {

        transform: scale(1);

        opacity: 1;

        filter: alpha(opacity=1)

    }

    100% {

        transform: scale(1.3);

        opacity: 0;

        filter: alpha(opacity=0)

    }

}

@keyframes rotate {

    0% {

        transform: rotate(0deg)

    }

    100% {

        transform: rotate(360deg)

    }

}

@-o-keyframes rotate {

    0% {

        transform: rotate(0deg)

    }

    100% {

        transform: rotate(360deg)

    }

}

@-moz-keyframes rotate {

    0% {

        transform: rotate(0deg)

    }

    100% {

        transform: rotate(360deg)

    }

}

.flexslider {

    position: relative;

    width: 260px;

    height: 288px;

    overflow: hidden;

    zoom: 1;

    margin:24px auto 0;

}

.flexslider .clone_img{

    display: none;

}

.buttom_nav{

    z-index: 9 !important;

}

.bag3_plant{

    width: 243px;

    height: 49px;

    background:url(../images/get_icon.png) no-repeat;  

    position: absolute;

    bottom: 76px;

    left: 50%;

    margin-left: -106px;

    z-index: 2;

    cursor: pointer;

}

.bag3_plant:hover{

    background-position: 0 -50px;

}

.bag3_plant .m_icon{

    width: 23px;

    height: 23px;

    display: block;

    margin: 12px 0 0 68px;

    background:url(../other/icon.html) no-repeat 0 -49px;

}

.bag3_plant:hover .m_icon{

    animation: jup .8s .2s 1 both;

}

.bag3_plant1 {

    background:url(../other/get_icon1.html) no-repeat;  

}

.tips_btn{

    width: 290px;

    height: 46px;

    background:url(../other/tips_icon.html) no-repeat;  

    position: absolute;

    bottom: 70px;

    left: 50%;

    margin-left: -126px;

    z-index: 2;

    display: none;

}

.right_box{

    width: 29px;

    height: 560px;

    background:url(../other/right_bg.html) no-repeat;

    position: fixed;

    top:200px;

    right: 50px;

    z-index: 8;

    display: none;

}

.right_box .dh-btn{

    width: 102px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    font-size: 16px;

    color:#f2d4a8;

    display: block;

    margin-left:-79px;

    font-family: '造字工房刻宋'

}

.right_box .dh-btn.b1{

    margin-bottom: 19px;

}

.right_box .dh-btn.b2{

    margin-bottom: 19px;

}

.right_box .dh-btn.b3{

    margin-bottom: 18px;

}

.right_box .dh-btn.b4{

    margin-bottom: 19px;

}

.right_box .dh-btn:hover,.right_box .dh-btn.on{

    font-size: 16px;

    color:#fff;

    background:url(../other/a_btn.html) no-repeat;

}

.right_box .dh-btn:nth-child(1){

    margin-top:126px;

}

.right_box .go_top{

    width:49px;

    height: 50px;

    background:url(../other/top.html) no-repeat;

    position: absolute;

    display: block;

    left: 0px;

    bottom: 82px;

    cursor: pointer;

}

.right_box .go_top:hover{

    transition: -webkit-transform .5s ease-out;

    transition: transform .5s ease-out;

    transition: transform .5s ease-out,-webkit-transform .5s ease-out;

    -webkit-transform: rotateY(1turn);

    transform: rotateY(1turn)

}

.swiper-slide-active .w_maks_1200{

    border:1px solid #ccc;

    opacity: 1;

}

.swiper-slide-active .swiper_v{

    display: block;

}

.nav_box{

    position: absolute;

    bottom: -38px;

    width: 70px !important;

    height: 14px;

    height: 60px;

    z-index: 2;

    left: 50%;

    margin-left: -35px;

}

.nav_box li{

    width:12px;

    height: 12px;

    border-radius: 50%;

    margin-right: 10px;

    float: left;

    cursor:pointer;

}

.nav_box li{

    display: block;

    width: 12px;

    height: 12px;

    background:#a48966;

    float: left;

}

.nav_box li.flex-active{

    width: 8px;

    height: 8px;

    background:#b69c79;

    border:2px solid #d8b992;

}

.nav_box1{

    position: absolute;

    bottom: -38px;

    width: 70px !important;

    height: 14px;

    height: 60px;

    z-index: 2;

    left: 50%;

    margin-left: -35px;

}

.nav_box1 li{

    width:12px;

    height: 12px;

    border-radius: 50%;

    margin-right: 10px;

    float: left;

    cursor:pointer;

}

.nav_box1 li{

    display: block;

    width: 12px;

    height: 12px;

    background:#a48966;

    float: left;

}

.nav_box1 li.flex-active{

    width: 8px;

    height: 8px;

    background:#b69c79;

    border:2px solid #d8b992;

}

.flex-prev{

    width: 91px;

    height: 130px;

    background: url(../other/left_btn.html) no-repeat;

    position: absolute;

    z-index: 3;

    top:350px;

    left:0;

    text-indent: -999px;

    transition: transform 0.3s, -webkit-transform 0.3s;

    transform: translateX(0);

}

.flex-prev:hover{

    background:url(../other/left_btn_on.html) no-repeat;

    transform: translateX(-10px)

}

.flex-next{

    width: 91px;

    height: 130px;

    background: url(../other/right_btn.html) no-repeat;

    position: absolute;

    z-index: 3;

    top:350px;

    right: 100px;

    text-indent: -99999px;

    transition: transform 0.3s, -webkit-transform 0.3s;

    transform: translateX(0);

}

.flex-next:hover{

    background: url(../other/right_btn_on.html) no-repeat;

    transform: translateX(10px)

}

.new_nav_box{

    position: absolute;

    bottom: 4px;

    width: 110px !important;

    height: 14px;

    height: 60px;

    z-index: 2;

    left: 50%;

    margin-left: -55px;

}

.new_nav_box li{

    width:16px;

    height: 16px;

    border-radius: 50%;

    margin-right: 10px;

    float: left;

    cursor:pointer;

}

.new_nav_box li{

    display: block;

    width: 16px;

    height: 16px;

    background:#99592e;

    float: left;

}

.new_nav_box li.flex-active{

    width: 12px;

    height: 12px;

    background:#b69c79;

    border:2px solid #d8b992;

}

.close_z{

   width:73px;

    height:80px;

    position:absolute;

    top:65px;

    right:19px;

}

.close_z a{

        width:100%;

        height:100%;

        display:block;

        background:url(../other/close_bg_img.html) no-repeat;

}

/*修改*/

.logon_zc{

    width: 1920px;

    height:752px;

    background: url(../other/eject_bg_img.html) 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 .l_left{

    width:392px;

    float:left;

    padding:57px 0 0 236px;

}

.logon_zc .login_box1 {

    width: 392px;

    float: left;

}

.logon_zc .login_box1 h2 {

   text-align: center;

}

.logon_zc .login_box1 .login_cont {

    padding: 10px 0 0 0px;

}

.logon_zc .r_content {

    width: 636px;

    float: left;

    margin-right:-68px;

    padding-top:148px;

}

.logon_zc .r_content h2 {

    text-align: center;

}

.logon_zc .r_content .jl_box {

    padding:10px 0 0 0px;

    position: relative;

}

.logon_zc .r_content .jl_box ul{

    overflow: hidden;

}

.logon_zc .r_content .jl_box ul li{

    height:238px;

    float:left;

    position:relative;

    margin:0 0 15px 34px;

}

.logon_zc .r_content .jl_box ul li.s3{

    margin-left:23px;

}

.logon_zc .r_content .jl_box ul li span{

    width:168px;

    height:40px;

    display:block;

    position:absolute;

    left:50%;

    margin-left:-97px;

    bottom:0px;

    

}

.logon_zc .r_content .jl_box ul li span a{

    width:100%;

    height:100%;

    display:block;

    background:url(../other/button_public.html) no-repeat left top;

}

.logon_zc .r_content .jl_box ul li span a:hover{

    background-position:left -41px;

}

.logon_zc .r_content .jl_box .jl_btn{

    position:absolute;

    right:20px;

    bottom:20px;

}

.logon_zc .r_content .jl_box .lq_botton {

    width: 468px;

    position: absolute;

    bottom: 19px;

    left: 35%;

    z-index: 9;

}

.logon_zc .r_content .jl_box .lq_botton a {

    width: 168px;

    height: 37px;

    display: block;

    background: url(../other/botton_public2.html) no-repeat -106px -139px;

}

.logon_zc .r_content .jl_box .lq_botton a:hover{

    background-position:-276px -139px;

}

.logon_zc .r_content .jl_box .lq_botton .wi_box{

    font-size: 14px;

    color: #000;

    text-align: center;

    display: none;

    position: absolute;

    bottom: 0;

    left: -60px;

}

.logon_zc .r_content .jl_box .jl_btn span{

    width:5px;

    height:5px;

    display:block;

    float:left;

    cursor: pointer;

    border-radius:5px;

    background:#b8b8b8;

    margin-right:10px;

}

.logon_zc .r_content .jl_box .jl_btn span.hover{

    width:15px;

    background:#ab644a;

}

.logon_zc .button_box {

    padding:10px 25px 0;

}

.logon_zc .button_box .title {

   text-align: center;

}

.logon_zc .button_box ul {

    padding-top: 10px;

    overflow: hidden;

}

.logon_zc .button_box ul li a {

    width: 100%;

    height: 100%;

    display: block;

    background: url(../other/button_public.html) no-repeat;

}

.logon_zc  .button_box ul li.b2 {

    float: right;

}

.logon_zc .button_box ul li {

    width: 167px;

    height:58px;

    position: relative;

}

.logon_zc  .button_box ul li.b1 {

    float: left;

}

.logon_zc .button_box ul li.b1 a {

    background-position:-168px top;

}

.logon_zc .button_box ul li.b1 a:hover{

    background-position:-168px -59px;

}

.logon_zc .button_box ul li.b2 a {

    background-position: -341px top;

}

.logon_zc .button_box ul li.b2 a:hover{

    background-position: -341px -59px;

}

.logon_zc .button_box .other_button {

    width:240px;

    height:28px;

    margin:10px auto 0;

}

.logon_zc .button_box .other_button a {

    width: 100%;

    height: 100%;

    display: block;

    background: url(../other/button_public.html) no-repeat -168px -118px;

}

 .logon_zc  .button_box .other_button a:hover{

    background-position:-168px -146px;

 }    

 .index-root-3IQXm .xfe-root .xfe-group-4{position:relative;width:1920px;height:973px;margin-top:-140px}

 .index-video-8Z8c_, .index-videoBox-11wyU {height: 100%;width: 100%;}

 audio, video {display: inline-block;}

 .index-root-3IQXm .xfe-root .xfe-layer-15 {position: absolute;width: 1920px;height: 720px;top: 254px;left: 0;}