.box1-bg {
    /*height: 800px;*/
    position: relative;
    padding-top: 50px;
    background-image: url("../images/X8_box1_bg.jpg");
}

.background-image {
    background-position: center top;
    background-repeat: no-repeat;
}

.box1 img {
    width: 90%;
}

.box1-bg .box1-info {
    width: 50%;
    position: absolute;
    top: 10%;
    left: 33%;
}

.box1-bg .box1-info .main-title {
    font-size: 75px;
}

.box1-bg .box1-info .main-title-content {
    font-size: 18px;
}

.box1-body-image {
    margin-top: 80px;
}

.box1-body-image img {
    margin-left: 10px;
}

.box1-bg .box1-info .box1-body-image-lineDown {
    margin-top: 30px;
}

.box1-bg .box1-info .box1-body-image-lineDown img {
    margin: 0 20px;
}

/****************************************************************************/
/*第一屏结束*/

.box2-bg {
    background-color: #ffffff;
}

.box2-bg img {
    margin: 20px 25px;
}

.icon-up {
    margin: 80px 25px 15px 25px;
}

.icon-down {
    margin: 15px 25px 20px 25px;
}

/*************************************************************************/
/*第二屏结束*/

.box3-bg {
    background-color: #fafafa;
    height: 920px;
    overflow: hidden;
}

.box3-info {
    padding-top: 80px;
    font-size: 20px;
}

.x9s-box3-image {
    position: relative;
    margin-top: 110px;
}

.image-tv {
    width: 80%;
}

.line-image-hdmi {
    position: absolute;
    top: 15%;
    left: -5%;
}

.line-image-bt {
    position: absolute;
    top: 55%;
    left: -5%;
}

.line-image-resolution {
    position: absolute;
    top: 15%;
    right: -3%;
}

.line-image-bit {
    position: absolute;
    top: 35%;
    right: -3%;
}

.line-image-support {
    position: absolute;
    top: 55%;
    right: -3%;
}

/**********************************************************************/
/*第三屏结束*/

.box4-bg {
    position: relative;
    height: 1600px;
    background-image: url("../images/X8_box4_bg.jpg");
}

.x9s-box4-title-image {
    margin: 90px 25px 40px 25px;
}

.box4-info {
    font-size: 20px;
}

.box4-bg .box4-cpu {
    position: absolute;
    bottom: 25%;
    left: 25%;
}

.box4-bg .box4-cpu .box4-cpu-title {
    font-size: 70px;
    color: #000000;
}

.box4-bg .box4-cpu-img .box4-cpu-2G {
    position: absolute;
    bottom: 5%;
    left: 28%;
}

.box4-bg .box4-cpu-img .box4-cpu_add {
    position: absolute;
    bottom: 13%;
    left: 48%;
}

.box4-bg .box4-cpu-img .box4-cpu-16G {
    position: absolute;
    bottom: 5%;
    right:28%;
}

/**********************************************/
/*第四屏结束*/

.box6-bg {
    height: 1700px;
    position: relative;
}

.box6-info {
    position: relative;
    padding-top:100px;
    font-size: 20px;
}

.image_bg {
    position: relative;
    width: 100%;
    height: 625px;
    background-image: url("../images/X8_box6_tv_bg_image.jpg");
    margin-top: 200px;
}

.x9s_box6_tv_image {
    position: absolute;
    top: 127px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.bit_box {
    position: relative;
    height: 100%;
    margin-top: 100px;
}

.bit_box p {
    margin-top: 20px;
    font-size: 22px;
}

.bit_box img {
    width: 95%;
}

.box6_10bit {
    position: absolute;
    top: 0;
    left: 0;
}

.box6_8bit {
    position: absolute;
    top: 0;
    right: 0;
}

/*************************************************************/
/*第六屏结束*/

/*.box7-bg {*/
    /*position: relative;*/
    /*background-image: url("../images/X8_box7_bg.jpg");*/
    /*height: 980px;*/
/*}*/

/*.box7-title-image {*/
    /*padding-top: 85px;*/
/*}*/

/*.box7-info {*/
    /*font-size: 22px;*/
/*}*/

/*.box7-bg .box7_audio_bolby {*/
    /*position: absolute;*/
    /*top: 22%;*/
    /*left: 35%;*/
/*}*/

/*.box7-bg .box7_audio_dts_hd {*/
    /*position: absolute;*/
    /*top: 22%;*/
    /*left: 55%;*/
/*}*/

/*.box7-images {*/
    /*height: 800px;*/
    /*position: relative;*/
    /*margin-top: 40px;*/
/*}*/

/*.box7-images .audio_left1 {*/
    /*position: absolute;*/
    /*top: 25%;*/
    /*left: 21%;*/
/*}*/

/*.box7-images .audio_left2 {*/
    /*position: absolute;*/
    /*top: 25%;*/
    /*left: 26%;*/
/*}*/

/*.box7-images .box7_tv {*/
    /*width: 30%;*/
    /*position: absolute;*/
    /*top: -180px;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*margin: auto;*/
/*}*/

/*.box7-images .audio_tvtable {*/
    /*position: absolute;*/
    /*top: 64%;*/
    /*left: 32.5%;*/
/*}*/

/*.box7-images .box7_tvbox {*/
    /*position: absolute;*/
    /*top: 57%;*/
    /*left: 37%;*/
    /*z-index: 99;*/
/*}*/

/*.box7-images .audio_tvaudio {*/
    /*position: absolute;*/
    /*bottom: 21%;*/
    /*right: 32%;*/
/*}*/

/*.box7-images .audio_right1 {*/
    /*position: absolute;*/
    /*top: 25%;*/
    /*right: 21%;*/
/*}*/

/*.box7-images .audio_right2 {*/
    /*position: absolute;*/
    /*top: 25%;*/
    /*right: 26%;*/
/*}*/

/*.box7-images .box7_audio_person {*/
    /*position: absolute;*/
    /*bottom: -9%;*/
    /*left: 15%;*/
    /*z-index: 99;*/
/*}*/



/*******************************************************/
/*第七屏结束*/

/*第七屏改版*/

.box7_bg {
    display: flex;
    position: relative;
    background-image: url(../images/X9S_Revision_box7_1.jpg);
    height: 850px;
    align-items: center;
    justify-content: center;
}

.box7_title_img img {
    margin: 50px 40px;
}

.box7_info {
    padding-top: 50px;
    margin-top: 40px;
}

.box7_info p {
    font-size: 20px;
    color: #FFFFFF;
}

.x9s_box8-bg {
    height: 980px;
    background-color: #ececec;
}

.box8-info {
    padding-top: 100px;
    font-size: 20px;
    color: #000;;
}

.box8-images img {
    margin: 10px;
}

.box8-images {
    position: relative;
    height: 100%;
}

.x9s_box8_box {
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 100%;
}

.x9s_box8_rmvb {
    position: absolute;
    top: 20%;
    left: 32%;
}

.x9s_box8_mp4 {
    position: absolute;
    top: 15%;
    left: 50%;
}

.x9s_box8_bdiso {
    position: absolute;
    top: 45%;
    left: 30%;
}

.x9s_box8_html5 {
    position: absolute;
    top: 35%;
    left: 45%;
    width: 20%;
}

.x9s_box8_mkv {
    position: absolute;
    top: 20%;
    right: 15%;
}

.x9s_box8_vp9 {
    position: absolute;
    top: 45%;
    right: 19%;
}

.x9s_box8_3d {
    position: absolute;
    top: 40%;
    right: 4%;
}

/********************************************************/
/*第八屏结束*/

.box9-bg {
    height: 1120px;
}

.box9-info {
    margin-top: 70px;
    font-size: 20px;
}

.box9-wifi {
    margin-top: 40px;;
}

.box9-bluetooth {
    position: relative;
    margin-top: 60px;
}

.box9-bluetooth_info {
    padding-top: 20px;
    font-size: 20px;
    margin-left: 20%;
    width: 30%;
}

.box9_bluetooth_image {
    position: absolute;
    top: 1%;
    left: 50%;
}

.box9-bluetooth-connect {
    /*width: 100%;*/
    margin-top: 5%;
    position: relative;
    height: 100%;
}

.x9s_box9_keyword {
    position: absolute;
    top: 0;
    left: -10%;
}

.x9s_box9_mouse {
    position: absolute;
    top: 0;
    left: 48%;
}

.x9s_box9_gameboard {
    position: absolute;
    top: 19%;
    left: -10%;
}

.x9s_box9_gamechair {
    position: absolute;
    top: 19%;
    left: 19%;
}

.x9s_box9_ear {
    position: absolute;
    top: 19%;
    left: 48%;
}

.x9s_box9_radius {
    position: absolute;
    right: -3%;
}

/************************************************************/
/*第九屏结束*/

.box10-bg {
    height: 1080px;
    overflow: hidden;
    background-color: #F3F3F3;
}

.box10-bg .box10-info .box10-info-title {
    font-size: 50px;
    padding-top: 50px;
    position: relative;
}

.box10-bg .box10-info .box10-info-content {
    font-size: 20px;
    margin-top: 0;
}

.box10-bg .box10-image {
    position: relative;
    height: 100%;
}

.box10-image {
    /*width: auto;*/
    height: 620px;
    position: relative;
}

.box10-bg .box10-image .X8_box10_left_tv {
    position: absolute;
    left: -100px;
    top: 60px;
}

.box10-bg .box10-image .X8_box10_right_tv {
    position: absolute;
    top: 520px;
    right: -50px;
}

.box10-bg .box10-image .X8_box10_tvbox {
    position: absolute;
    bottom: 260px;
    margin-left: -400px;
}

.box10-bg .box10-image .X8_box10_left_line {
    position: absolute;
    bottom: 310px;
    left: 340px;
}

.box10-bg .box10-image .X8_box10_right_line {
    position: absolute;
    bottom: 310px;
    right: 170px;
}

/***************************************************************/
/*第十屏结束*/
.box11-bg {
    position: relative;
    height: 940px;
    overflow: hidden;
}

.box11-bg .box11_tv {
    position: absolute;
    top: 195px;
    left: -10px;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 99;
}

.box11-bg .box11-info {
    position: relative;
}

.box11-bg .box11-info .box11-info-title {
    font-size: 50px;
    padding-top: 50px;
    margin-bottom: 0;
}

.box11-bg .box11-info .box11-info-content {
    margin-top: 35px;
    margin-bottom: 80px;
    font-size: 20px;
}

/*********************************************/
/*第十一屏结束*/

.box12-bg {
    height: 950px;
    overflow: hidden;
    background-color: #F3F3F3;
}

.box12-image-title {
    margin-top: 80px;
}

.box12-image-title img {
    margin: 0 15px;
}

.box12-info {
    font-size: 20px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.box12-image-apps {
    position: relative;
    height: 710px;
}

.x9s_box12_box {
    position: absolute;
    top: 20%;
    left: -10%;
    z-index: 0;
}

.x9s_box12_app1 {
    position: absolute;
    top: 23%;
    left: 45%;
    z-index: 2;
}

.x9s_box12_app2 {
    position: absolute;
    top: 33%;
    left: 50%;
    z-index: 1;
}

.x9s_box12_app3 {
    position: absolute;
    bottom: 29%;
    left: 37%;
    z-index: 2;
}

.x9s_box12_app4 {
    position: absolute;
    bottom: 47%;
    left: 38%;
    z-index: 3;
}

.x9s_box12_app5 {
    position: absolute;
    top: 37%;
    left: 21%;
    z-index: 2;
}

.x9s_box12_app6 {
    position: absolute;
    top: 44%;
    left: 13%;
    z-index: 1;
}

.x9s_box12_app7 {
    position: absolute;
    top: 56%;
    left: 24%;
}

.x9s_box12_app8 {
    position: absolute;
    top: 50%;
    left: 30%;
    z-index: 1;
}

.x9s_box12_app9 {
    position: absolute;
    top: 30%;
    left: 22%;
    z-index: 0;
}

.x9s_box12_app10 {
    position: absolute;
    top: 23%;
    right: 18%;
    z-index: 1;
}

.x9s_box12_app11 {
    position: absolute;
    top: 28%;
    right: 44%;
    z-index: 0;
}

.x9s_box12_app12 {
    position: absolute;
    top: 10%;
    left: 23%;
    z-index: 0;
}

.x9s_box12_app13 {
    position: absolute;
    top: 0;
    right: 42%;
    z-index: 0;
}

.x9s_box12_app14 {
    position: absolute;
    top: 10%;
    right: -5%;
    z-index: 0;
}

.x9s_box12_app15 {
    position: absolute;
    top: 19%;
    right: 31%;
    z-index: 0;
}

.x9s_box12_app16 {
    position: absolute;
    bottom: 26%;
    right: 33%;
    z-index: 0;
}

.x9s_box12_app17 {
    position: absolute;
    top: 5%;
    right: 13%;
}

.x9s_box12_app18 {
    position: absolute;
    top: 36%;
    right: 7%;
}

.x9s_box12_app19 {
    position: absolute;
    top: 45%;
    right: 15%;
}

.x9s_box12_app20 {
    position: absolute;
    top: 38%;
    left: 53%;
    z-index: 1;
}

.x9s_box12_app21 {
    position: absolute;
    top: 0;
    right: 21%;
}

.x9s_box12_app22 {
    position: absolute;
    top: 5%;
    right: 32%;
}

.x9s_box12_app23 {
    position: absolute;
    top: 20%;
    right: -3%;
}

.x9s_box12_app24 {
    position: absolute;
    top: 27%;
    left: 26%;
    z-index: 5;
}

.x9s_box12_app25 {
    position: absolute;
    top: 12%;
    left: 48%;
}

.x9s_box12_app26 {
    position: absolute;
    top: 20%;
    right: 28%;
}

.x9s_box12_app27 {
    position: absolute;
    top: 3%;
    right: 0;
}

.x9s_box12_app28 {
    position: absolute;
    bottom: 30%;
    right: 10%;
}

.x9s_box12_app29 {
    position: absolute;
    top: 42%;
    left: 47%;
}

.x9s_box12_app30 {
    position: absolute;
    top: 5%;
    left: 32%;
}

/**********************************************************/
/*第十二屏结束*/

.box13-bg {
    height: 950px;
    overflow: hidden;
    background-image: url("../images/x9s_box13_bg.jpg");
    background-size: cover;
}

.box13-info-title {
    font-size: 40px;
    color: #000;
    margin-top: 80px;
}

.box13-info-content {
    margin-top: 30px;
    font-size: 20px;
}

.box13-image {
    position: relative;
    height: 740px;
    margin-top: 110px;
}

.box13-image .x9s_box13_left {
    position: absolute;
    top: -5%;
    left: 18%;
}

.box13-image .x9s_box13_right {
    position: absolute;
    top: 40%;
    right: 20%;
}

/**（*****************************************/
/*第十三屏结束*/

.box14-bg {
    height: 1050px;
}

.box14-bg .box14-info {
    font-size: 20px;
    margin-top: 80px;
    height: 100px;
}

.box14-bg .box14-image {
    position: relative;
    height: 800px;
}

.x9s_box14_board {
    position: absolute;
    top: 0;
    left: 250px;
    bottom: 0;
    right: 0;
    margin: auto;
}

.x9s_box14_board_info_1 {
    width: 79%;
    position: absolute;
    top: 3%;
    left: -9%;
}

.x9s_box14_board_info_2 {
    width: 45%;
    position: absolute;
    top: 22%;
    left: -4%;
}

.x9s_box14_board_info_3 {
    width: 42%;
    position: absolute;
    top: 41%;
    left: -4%;
}

.x9s_box14_board_info_4 {
    width: 29%;
    position: absolute;
    top: 42%;
    left: 22%;
}

.x9s_box14_board_info_5 {
    width: 34%;
    position: absolute;
    top: 67%;
    left: 22%;
}

.x9s_box14_board_info_6 {
    width: 62%;
    position: absolute;
    top: 65%;
    left: 19%;
}

.x9s_box14_board_info_7 {
    width: 76%;
    position: absolute;
    bottom: -10%;
    left: 12%;
}

/*第十四屏结束*************************************************/
.box7_1-bg {
    margin-top: 120px;
}

.box7_1-title .box7_1-info {
    font-size: 20px;
    margin-bottom: 70px;
}

.box7_1-images {
    margin-bottom: 80px;
}

.box7_1-images img {
    margin-left: -5px;
    margin-right: -5px;
}

/*第七屏附加屏结束********************************************************/

.box12_1_bg {
    height: 900px;
    background-color: #fff;
    border-bottom: 2px solid #F3F3F3;
}

.box12_1_bg .box_12_1_info {
    margin-top: 90px;
    font-size: 20px;
}

.box12_1_bg .box_12_1_image {
    margin-top: 90px;
    position: relative;
    height: 300px;
}

.X9S_box12_1_cloud {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.X9S_box12_1_DLNA {
    position: absolute;
    top: 180px;
    left: -435px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.X9S_box12_1_iTunes {
    position: absolute;
    top: 45px;
    left: -670px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.X9S_box12_1_samba {
    position: absolute;
    top: 0;
    left: -985px;;
    right: 0;
    bottom: 0;
    margin: auto;
}

.X9S_box12_1_FTP {
    position: absolute;
    top: -125px;
    left: 0;
    right: -355px;
    bottom: 0;
    margin: auto;
}

.X9S_box12_1_AFP {
    position: absolute;
    top: 60px;
    left: 0;
    right: -640px;
    bottom: 0;
    margin: auto;
}

.X9S_box12_1_bittorrent {
    position: absolute;
    top: 0;
    left: 0;
    right: -875px;
    bottom: 0;
    margin: auto;
}

.box_12_1_image_dowm {
    margin-top: 30px;
    position: relative;
    height: 300px;
}

.X9S_box12_1_android {
    position: absolute;
    top: 90px;
    left: -480px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.X9S_box12_1_add_icon {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.X9S_box12_1_openwrt {
    position: absolute;
    top: 90px;
    left: 0;
    right: -460px;
    bottom: 0;
    margin: auto;
}
.box15_bg{
    height: 1160px;
    margin-top: -20px;
}
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 20px;
    font-size: 20px;
    color: #000000;
}
.box15_table{
    width: 1130px;
    margin: 0 auto;
}


.os_title {
    padding: 50px 0;
    background-color: #F3F3F3;
}

.os_title h1 {
    font-size: 26px;
}

.os_tab {
    height: 840px;
    display: flex;
    align-items: center;
}

.os_tab:nth-child(odd) {
    background-color: #eee;
}

.os_tab_info h2 {
    font-size: 40px;
}

.os_tab_info p {
    font-size: 20px;
    color: #777777;
}


.flickity-page-dots {
    bottom: 0;
}

/* white circles */
.flickity-page-dots .dot {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: #6e6e6e;
    /*background: transparent;*/
    /*border: 2px solid white;*/
}

/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
    background: white;
}

#buy {
    min-height: 550px;
    padding-top: 60px;
}

.section7 {
    height: 756px;
    background: url("../images/section7.jpg") no-repeat center top;
    background-size: cover;
}
.section_7_info{
    padding-top: 90px;
    color: #ffffff;
    font-size: 20px;
    display: flex;
    justify-content: center;
}