* {
    padding: 0;
    margin: 0;
}
img {
    display: block;
    width: 100%;
}
.page-index {
    background: #CA131B;
}

.main-one {
    width: 100%;
    height: 1063px;
    padding-top: 47px;
    margin-bottom: 89px;
    position: relative;
    background: url('../images/pc/main_bg_1.png') no-repeat;
    background-size: contain;
}
.main-img-1-wrapper {
    position: relative;
    width: 1055px;
    margin: 0 auto;
    z-index: 5;
}
.main-img-1-wrapper a {
    display: block;
    position: absolute;
    top: 218px;
}
.btn-1 {
    left: 132px;
    width: 378px;
    height: 69px;
    background: url('../images/pc/btn_1.png') no-repeat;
}
.btn-2 {
    right: 136px;
    width: 355px;
    height: 69px;
    background: url('../images/pc/btn_2.png') no-repeat;
}
.cloud_bg {
    position: absolute;
    top: 206px;
    left: 0;
    right: 0;
    width: 1677px;
    margin: auto;
}
.video-wrapper {
    position: absolute;
    top: 479px;
    left: 0;
    width: 100%;
    height: 592px;
    margin: 0 auto;
}
#video {
    display: block;
    width: 1050px;
    height: 592px;
    margin: 0 auto;
}
.main-two {
    width: 100%;
}
.main-img-2 {
    width: 1055px;
    margin: 0 auto;
}
.side-bar {
    position: fixed;
    margin:auto;
    right: 80px;
    top:0;
    bottom:0;
    width: 51px;
    height: 191px;
    padding-top: 13px;
    box-sizing: border-box;
    background: url('../images/pc/side_bar_bg.png') no-repeat 100% 100%;
}
.side-bar a {
    display: block;
    width: 29px;
    height: 30px;
    margin: 0 auto 15px;
    cursor: pointer;
}
.side-bar .top-btn {
    display: block;
    width: 27px;
    height: 27px;
    margin: 0 auto;
    cursor: pointer;
}
.side-bar-btn-1 {
    background: url('../images/pc/side_bar_btn_1.png') no-repeat 100% 100%;
}
.side-bar-btn-2 {
    background: url('../images/pc/side_bar_btn_2.png') no-repeat 100% 100%;
}
.side-bar-btn-3 {
    background: url('../images/pc/side_bar_btn_3.png') no-repeat 100% 100%;
}
.nav {
    width: 100%;
    height: 122px;
    margin-bottom: 30px;
    text-align: center;
    position: sticky;
    position: -webkit-sticky;
	top: 0;
    font-size: 0;
    z-index: 888;
}
.nav-item {
    display: inline-block;
    vertical-align: top;
    width: 266px;
    height: 122px;
}
.nav-item-1 {
    background: url('../images/pc/nav_bg_1.png') no-repeat 100% 100%;
}
.nav-item-2 {
    background: url('../images/pc/nav_bg_2.png') no-repeat 100% 100%;
}
.nav-item-3 {
    background: url('../images/pc/nav_bg_3.png') no-repeat 100% 100%;
}
.nav-item-4 {
    background: url('../images/pc/nav_bg_4.png') no-repeat 100% 100%;
}
.nav-item-1:hover {
    background: url('../images/pc/nav_bg_1_active.png') no-repeat 100% 100%;
}
.nav-item-2:hover {
    background: url('../images/pc/nav_bg_2_active.png') no-repeat 100% 100%;
}
.nav-item-3:hover {
    background: url('../images/pc/nav_bg_3_active.png') no-repeat 100% 100%;
}
.nav-item-4:hover {
    background: url('../images/pc/nav_bg_4_active.png') no-repeat 100% 100%;
}
.cloud-1-wrapper {
    position: relative;
    width: 100%;
    height: 165px;
    margin-top: -109px;
    background: url('../images/pc/cloud_1.png') no-repeat top center;
}
.main-three {
    position: relative;
    width: 1055px;
    margin: -60px auto 0;
    z-index: 5;
}
.main-img-3 {
    width: 1055px;
    margin: 0 auto;
}
.buy-btn {
    position: absolute;
    bottom: 113px;
    right: 41px;
    width: 225px;
    height: 90px;
    display: block;
    background: url('../images/pc/buy_btn.png') no-repeat 100% 100%;
}
.buy-btn:hover {
    background: url('../images/pc/buy_btn_active.png') no-repeat 100% 100%;
}
.cloud-2-wrapper {
    position: relative;
    width: 1119px;
    height: 165px;
    margin: -81px auto 0;
    background: url('../images/pc/cloud_2.png') no-repeat top right;
}
.main-four {
    position: relative;
    width: 1055px;
    margin: -52px auto 0;
    z-index: 5;
}
.main-four .buy-btn {
    bottom: 105px;
    right: 43px;
}
.cloud-3-wrapper {
    position: relative;
    width: 1387px;
    height: 165px;
    margin: -77px auto 0;
    background: url('../images/pc/cloud_3.png') no-repeat top left;
}
.main-five {
    position: relative;
    width: 1055px;
    margin: -63px auto 0;
    z-index: 5;
}
.main-five .buy-btn {
    bottom: 108px;
    right: 43px;
}
.cloud-4-wrapper {
    position: relative;
    width: 891px;
    height: 165px;
    margin: -53px auto 0;
    background: url('../images/pc/cloud_4.png') no-repeat top right;
}
.main-six {
    position: relative;
    width: 1055px;
    margin: -76px auto 0;
    z-index: 5;
}
.cloud-5-wrapper {
    position: relative;
    width: 1190px;
    height: 165px;
    margin: -315px auto 0;
    background: url('../images/pc/cloud_5.png') no-repeat top right;
}
.main-seven {
    width: 1075px;
    position: relative;
    margin: 267px auto 0;
    z-index: 5;
}
.shop-btn {
    position: absolute;
    bottom: 46px;
    right: 37px;
    width: 240px;
    height: 100px;
    display: block;
    background: url('../images/pc/shop_btn.png') no-repeat 100% 100%;
}
.shop-btn:hover {
    background: url('../images/pc/shop_btn_active.png') no-repeat 100% 100%;
}
.cloud-6-wrapper {
    position: relative;
    width: 1003px;
    height: 165px;
    margin: -68px auto 0;
    background: url('../images/pc/cloud_6.png') no-repeat top right;
}
.footer {
    width: 100%;
    padding: 0 0 198px;
}
.phone-img {
    width: 886px;
    margin: 0 auto;
}
#side-nav-box{width: 120px;background: #fff;border: 1px solid #e5004f;
    position: fixed;bottom: 120px;right:28px;z-index: 999
}
.side-nav-btn{width: 28px;position: fixed;right: 0;bottom: 420px;}
.side-nav-list1{cursor: pointer;margin-bottom: 3px;width: 29px;height: 29px;background: #e5004f url(/img/zixun.png)  center center no-repeat;}
.side-nav-list2{cursor: pointer;width: 29px;height: 29px;background: #cbbebe url(/img/kweixin.png)  center center no-repeat;}

#side-nav-box header{width: 100%;height:30px;;line-height: 30px;text-align: center;
    position: relative;font-size: 14px;}

.consulting header{background: url(/img/zixun.png) #fff 9px center no-repeat;color:#e5004f;border-bottom: 1px solid #ccc}
.consulting ul{font-size: 12px;padding: 8px 0 9px 15px;}
.consulting ul li{line-height: 32px;height: 32px;color: #222;cursor: pointer;
    width: 120px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.consulting ul li:hover{color:#e5004f}
#side-nav-box footer{cursor: pointer;height: 42px;line-height: 42px;text-align: center;color:#e5004f;border-top:1px solid #e2e1e1;border-bottom:1px solid #e2e1e1; }
.robot-box{cursor: pointer;width: 120px;height: 110px;background: url(../images/pc/robot.png) no-repeat center center;background-size: 60%}

#answer-refer a{
    text-decoration:none; color: #000;font-size: 14px;
}
#answer-refer a:hover{color:#e5004f;}