@media(max-width:750px) {
    .container-row {
        margin: 0 auto;
        position: relative;
        padding: 0 10px;
    }
    .img-nav-list a {
        position: relative;
        text-decoration: none;
        display: block;
        width: 49%;
        margin-top: .5rem;
    }
    .img-nav-list .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, .8);
        z-index: 1;
        color: var(--t-color);
        /* text-align: center; */
        line-height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 29px 10px;
        font-size: 12px;
        font-family: 'Microsoft YaHei;';
        font-weight: bold;
        transition: all .3s;
    }
    .mask span {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        text-overflow: ellipsis;
    }
    .n-content {
        padding: 0px;
    }
    .font_wiegt {
        font-weight: bold !important;
        font-size: 16px;
    }
    .speak_size {
        font-size: 14px;
    }
    .speaker img {
        width: 244px;
        height: 173px;
    }
    .speaker {
        text-align: center;
        margin-top: 20px;
    }
    .smart_imgs {
        text-align: center;
        margin-top: 20px;
    }
    .smart_imgs img {
        width: 100%;
        height: 208px;
    }
    .adv_img152 {
        width: 173px;
        height: 110px;
    }
    .adv_img153 {
        width: 153px;
        height: 110px;
    }
    .text_aligns {
        text-align: center;
    }
    .magic_ambili {
        width: 124px;
        height: 70px;
    }
    .magic_page7 {
        width: 100%;
        height: 184px;
    }
    .img_width100 {
        width: 100%;
        height: 270px;
    }
    .box_textsd {
        display: block;
    }
    .width_450 {
        width: 100%;
    }
    .width_310 {
        width: 310px;
        min-height: 165px;
        margin-top: 20px;
        margin-left: 13.5%;
    }
    .width_310s {
        width: 310px !important;
        min-height: 140px;
    }
    .bx_width {
        width: 100%;
        margin-top: 40px;
    }
    .margin-left {
        margin-left: 0px;
    }
    .line_height {
        line-height: 21px;
    }
    .font_sizes {
        font-size: 14px !important;
    }
    .box_txt {
        background: #F5F5F5;
        padding: 15px;
    }
    .width_270 {
        width: 270px;
        min-height: 330px;
    }
    .box_hight_sound {
        margin-bottom: 20px;
    }
    .display_none {
        display: none;
    }
    .margin_30_20 {
        margin: 30px 0px 30px 0px;
    }
    .font_weigt_18 {
        font-weight: bold;
        font-size: 14px;
    }
    .padding-bottom {
        padding-bottom: 10px;
    }
    .positions_relative img:nth-child(7) {
        position: absolute;
        top: -76%;
        left: 5%;
    }
    .positions_relative img:nth-child(8) {
        position: absolute;
        top: -8%;
        right: 30%;
    }
    .positions_relative img:nth-child(9) {
        position: absolute;
        bottom: -8%;
        left: 12%;
    }
    .positions_relative img:nth-child(10) {
        position: absolute;
        top: 70%;
        left: 31%;
    }
    .positions_relative img:nth-child(11) {
        position: absolute;
        bottom: -205%;
        right: 3%;
    }
    .box_Best:nth-child(1) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/A.png);
    }
    .box_Best:nth-child(2) {
        width: 100%;
        min-height: 295px;
        padding: 20px;
        background-image: url(../images/B.png);
        margin-top: 20px;
    }
    .box_Best:nth-child(3) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/C.png);
        margin-top: 20px;
    }
    .box_Best:nth-child(4) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/D.png);
        margin-top: 20px;
    }
    .color_tx {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 21px;
    }
    .uli2 li {
        margin-top: 5px;
    }
    .best_imgs {
        width: 109px;
        height: 45px;
    }
    .best_freesync {
        width: 93px;
        height: 53px;
        margin: 10px 0px;
    }
    .best_hgig {
        width: 92px;
        height: 40px;
        margin: 10px 0px;
    }
    .best_filmmaker {
        width: 95px;
        height: 64px;
    }
    .best_calman {
        width: 127px;
        height: 45px;
    }
    .best_isf {
        width: 81px;
        height: 55px;
    }
    .super_8_1 {
        width: 100%;
    }
    .super_tittle {
        width: 260px;
        height: 17px;
    }
    .super_1plus {
        width: 158px;
        height: 76px;
    }
    .super_imgs {
        width: 182px;
        height: 164px;
    }
    .super_imgone {
        width: 155px;
        height: 164px;
    }
    .super4Box {
        width: 100%;
        height: 100%;
    }
    .p_txt {
        color: #666666;
        margin-bottom: 20px;
        font-size: 12px;
        text-align: center;
    }
    .padding_flex {
        padding: 0px;
    }
    .tpva_11_3 {
        width: 150px;
        height: 186px;
    }
    .parallax {
        margin-top: 150px;
        text-align: center;
    }
    .display_evn {
        display: block;
    }
    .text_indents {
        padding-left: 12px;
        text-indent: -12px;
    }
    .margin_tops {
        margin-top: 35px;
    }
    .margin_tpvcl {
        margin-top: 10px;
    }
    .nav-text .n-left {
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
    }
    .nav-text .ph-left {
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
    }
    .uncom_img {
        width: 120px;
        height: 60px;
    }
    .width_760 {
        width: 100%;
        padding: 10px 0px;
    }
    .margin_top_52 {
        margin-top: 10px;
    }
    .imgs_width {
        width: 100% !important;
    }
    .text {
        color: #000000;
        font-size: 16px;
        margin: 10px 0px;
    }
    .flex {
        display: block;
    }
    .width_50 {
        width: 100%;
    }
    .margin_20 {
        margin: 20px 0px;
    }
    .display_sw {
        display: block;
    }
    .spatial_title {
        color: #000000;
        font-size: 16px;
        margin: 10px 0px;
        font-weight: bold;
    }
    .width_45 {
        width: 100%;
    }
    .multi_imgs {
        width: 269px;
        height: 39px;
    }
    .row-bt {
        display: block;
    }
    .pc_bom {
        width: 100%;
        margin-top: 20px;
    }
    .pc_width_mu {
        width: 100%;
    }
    .text-t {
        color: var(--t-color);
        font-size: 16px;
        font-weight: bold;
    }
    .adv_center {
        text-align: center !important;
    }
    .margin_50_20 {
        margin: 20px 0px;
    }
    .mtp {
        margin-top: 20px;
    }
    .best_img {
        text-align: center;
    }
    .best_img img {
        width: 127px;
        height: 32px;
    }
    .padding_50 {
        padding: 20px 0px;
    }
    .best_width {
        width: 100%;
    }
    .best_widlf {
        width: 100%;
    }
    .padding_txt {
        padding: 5px 0px;
    }
    .tpva_images {
        display: block;
    }
    .padding_left80 {
        padding: 0px;
    }
    .box_image_tow {
        position: absolute;
        width: 100%;
        bottom: -23%;
        left: 0%;
        display: flex;
        justify-content: space-between;
    }
    .box_image_tow::before,
    .box_image_tow::after {
        content: '';
        display: block;
    }
    .text_img {
        display: block;
    }
    .high_boxs {
        width: 100%;
        padding: 20px 0px;
        display: flex;
        align-items: center;
    }
    .high_imgs {
        width: 100%;
        padding: 0px;
        text-align: center;
    }
    .margin_tops10 {
        margin-top: 10px;
    }
    .margin_tops20 {
        margin-top: 20px;
    }
    .margin_tops30 {
        margin-top: 30px;
    }
    .margin_tops40 {
        margin-top: 40px;
    }
    .margin_tops50 {
        margin-top: 50px;
    }
    .margin_20a {
        margin: 10px 0px;
    }
    .btn_imgs {
        width: 100px;
        height: 32px;
    }
    .footer .foot1 .nav1 ul dl a {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .footer .foot1 .nav1 ul dd a {
        font-size: 10px;
    }
    .disablit {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .margin_tops8 {
        margin-top: 8px;
    }
    .color_004684 {
        color: #004684;
    }
    .shadow_tow {
        width: 100%;
        margin: 30px 0px;
        background-image: url(../images/15_6.png);
        background-size: 100%;
        min-height: 270px;
        position: relative;
    }
    .shadow_tow_top {
        padding-top: 30px;
    }
    .shadow_tow_tx {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #000000;
        line-height: 20px;
    }
    .adv_pdtop {
        padding: 30px 10px;
    }
    .width_adv {
        width: 160px;
        height: 115px;
    }
    .margin_52 {
        padding: 0px;
    }
    .frame_color {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 20px;
        margin-top: 10px;
    }
    .box_left,
    .box_right {
        width: 100%;
    }
    .txt_a_pc {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #000000;
        line-height: 21px;
    }
    .center_img {
        text-align: center;
        margin-top: 10px;
    }
    .gaming_b {
        margin-top: 30px;
    }
    .display_flex {
        display: block;
    }
    .text_Low_s {
        padding: 0px;
    }
    .low_cla_s {
        margin-top: 30px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #004684;
        font-size: 16px;
        line-height: 20px;
    }
    .box_img2 {
        margin: 30px 0px;
    }
    .align_center {
        text-align: left;
    }
    .img_center {
        text-align: center;
    }
    .box_img1 {
        margin-top: 30px;
    }
    .light_tx {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #004684;
        line-height: 21px;
        text-align: left;
    }
    /* 图片拖动对比 */
    .covered {
        height: 165px;
    }
    .tpvai {
        width: 168px;
        height: 157px;
    }
    .second {
        width: 100%;
        background-image: url('../images/img_page7coverdownph.png');
		background-size: 100% 100%;
    }
    .second .changeable {
        width: 100%;
    	background-image: url('../images/img_page7coveruph.png');
    }
    .covered {
        position: relative;
    }
    .handle {
        position: absolute;
        width: 46px;
        height: 46px;
        margin-left: -23px;
        margin-top: -23px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .2);
        text-align: center;
    }
    .handle span {
        display: inline-block;
        margin: 14px 1px 0;
        color: #fff;
        -webkit-transition: .1s ease-out;
        -moz-transition: .1s ease-out;
        -ms-transition: .1s ease-out;
        -o-transition: .1s ease-out;
        transition: .1s ease-out;
    }
    .handle.vertical {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .handle:hover {
        cursor: move;
    }
    .handle:hover span {
        color: #FFF;
    }
    .draggable {
        cursor: move;
    }
    .play_fi {
        width: 247px;
        height: 157px;
    }
    .draggable span {
        margin: 14px 1px 0;
        color: #FFF;
        -webkit-transition: .1s ease-out;
        -moz-transition: .1s ease-out;
        -ms-transition: .1s ease-out;
        -o-transition: .1s ease-out;
        transition: .1s ease-out;
    }
}


/* =========================================================================================================================================== */

@media(max-width:768px) and (min-width:750px) {
    header .ydd_btn {
        width: 35px;
        top: 30px;
        position: fixed;
    }
    header .logo-box .sosuo .switch .ico {
        width: 30px;
        overflow: hidden;
    }
    header .logo-box .sosuo {
        padding-right: 50px;
    }
	.smart .con .textbox .p {
	    font-size: 18px;
	    color: #666;
	    line-height: 20px;
	    margin-top: 20px;
	}
    .container-row {
        margin: 0 auto;
        position: relative;
        padding: 0 10px;
    }
    .img-nav-list a {
        position: relative;
        text-decoration: none;
        display: block;
        width: 49%;
        margin-top: .5rem;
    }
    .img-nav-list .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, .8);
        z-index: 1;
        color: var(--t-color);
        /* text-align: center; */
        line-height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 29px 10px;
        font-size: 12px;
        font-family: 'Microsoft YaHei;';
        font-weight: bold;
        transition: all .3s;
    }
    .mask span {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        text-overflow: ellipsis;
    }
    .n-content {
        padding: 0px;
    }
    .font_wiegt {
        font-weight: bold !important;
        font-size: 16px;
    }
    .speak_size {
        font-size: 14px;
    }
    .speaker img {
        width: 50%;
        height: 50%;
    }
    .speaker {
        text-align: center;
        margin-top: 20px;
    }
    .smart_imgs {
        text-align: center;
        margin-top: 20px;
    }
    .smart_imgs img {
        width: 100%;
    }
    .speake_ipad {
        height: 180px;
        width: 12px;
    }
    .adv_img152 {
        width: 173px;
        height: 110px;
    }
    .adv_img153 {
        width: 153px;
        height: 110px;
    }
    .text_aligns {
        text-align: center;
    }
    .magic_ambili {
        width: 124px;
        height: 70px;
    }
    .magic_page7 {
        width: 100%;
    }
    .img_width100 {
        width: 100%;
        height: 500px;
    }
    .box_textsd {
        display: block;
    }
    .width_450 {
        width: 100%;
    }
    .width_310 {
        width: 310px;
        min-height: 165px;
        margin-top: 20px;
        margin-left: 50.5%;
    }
    .width_310s {
        width: 60% !important;
        min-height: 140px;
    }
    .bx_width {
        width: 100%;
        margin-top: 20px;
    }
    .margin-left {
        margin-left: 0px;
    }
    .line_height {
        line-height: 21px;
    }
    .font_sizes {
        font-size: 16px !important;
    }
    .box_txt {
        background: #F5F5F5;
        padding: 15px;
    }
    .width_270 {
        width: 50%;
        min-height: 330px;
    }
    .box_hight_sound {
        margin-bottom: 20px;
    }
    .display_none {
        display: none;
    }
    .margin_30_20 {
        margin: 30px 0px 30px 0px;
    }
    .font_weigt_18 {
        font-weight: bold;
        font-size: 14px;
    }
    .padding-bottom {
        padding-bottom: 10px;
    }
    .ipad_33 {
        width: 18%;
        height: 25%;
    }
    .ipad_44 {
        height: 100%;
    }
    .positions_relative img:nth-child(7) {
        position: absolute;
        top: -38%;
        left: 9%;
    }
    .positions_relative img:nth-child(8) {
        position: absolute;
        top: -4%;
        right: 31%;
    }
    .positions_relative img:nth-child(9) {
        position: absolute;
        bottom: -5%;
        left: 13%;
    }
    .positions_relative img:nth-child(10) {
        position: absolute;
        top: 70%;
        left: 31%;
    }
    .positions_relative img:nth-child(11) {
        position: absolute;
        bottom: -100%;
        right: 4%;
    }
    .box_Best:nth-child(1) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/A.png);
    }
    .box_Best:nth-child(2) {
        width: 100%;
        min-height: 295px;
        padding: 20px;
        background-image: url(../images/B.png);
        margin-top: 20px;
    }
    .box_Best:nth-child(3) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/C.png);
        margin-top: 20px;
    }
    .box_Best:nth-child(4) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/D.png);
        margin-top: 20px;
    }
    .color_tx {
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 21px;
    }
    .uli2 li {
        margin-top: 5px;
    }
    .best_imgs {
        width: 109px;
        height: 45px;
    }
    .best_freesync {
        width: 93px;
        height: 53px;
        margin: 10px 0px;
    }
    .best_hgig {
        width: 92px;
        height: 40px;
        margin: 10px 0px;
    }
    .best_filmmaker {
        width: 95px;
        height: 64px;
    }
    .best_calman {
        width: 127px;
        height: 45px;
    }
    .best_isf {
        width: 81px;
        height: 55px;
    }
    .super_8_1 {
        width: 100%;
    }
    .super_tittle {
        width: 260px;
        height: 17px;
    }
    .super_1plus {
        width: 158px;
        height: 76px;
    }
    .super_imgs {
        width: 49%;
    }
    .super_imgone {
        width: 49%;
    }
    .super4Box {
        width: 100%;
        height: 100%;
    }
    .p_txt {
        color: #666666;
        margin-bottom: 20px;
        font-size: 12px;
        text-align: center;
    }
    .padding_flex {
        padding: 0px;
    }
    .tpva_11_3 {
        width: 150px;
        height: 186px;
    }
    .parallax {
        margin-top: 180px;
        text-align: center;
    }
    .display_evn {
        display: block;
    }
    .text_indents {
        padding-left: 12px;
        text-indent: -12px;
    }
    .margin_tops {
        margin-top: 35px;
    }
    .margin_tpvcl {
        margin-top: 10px;
    }
    .nav-text .n-left {
        font-size: 18px;
        font-weight: 400;
        color: #FFFFFF;
    }
    .nav-text .ph-left {
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
    }
    .uncom_img {
        width: 120px;
        height: 60px;
    }
    .width_760 {
        width: 100%;
        padding: 10px 0px;
    }
    .margin_top_52 {
        margin-top: 10px;
    }
    .imgs_width {
        width: 100% !important;
    }
    .text {
        color: #000000;
        font-size: 16px;
        margin: 10px 0px;
    }
    .flex {
        display: block;
    }
    .width_50 {
        width: 100%;
    }
    .margin_20 {
        margin: 20px 0px;
    }
    .display_sw {
        display: block;
    }
    .spatial_title {
        color: #000000;
        font-size: 16px;
        margin: 10px 0px;
        font-weight: bold;
    }
    .width_45 {
        width: 100%;
    }
    .multi_imgs {
        width: 269px;
        height: 39px;
    }
    .row-bt {
        display: block;
    }
    .pc_bom {
        width: 100%;
        margin-top: 20px;
    }
    .pc_width_mu {
        width: 100%;
    }
    .text-t {
        color: var(--t-color);
        font-size: 18px;
        font-weight: bold;
    }
    .adv_center {
        text-align: center !important;
    }
    .margin_50_20 {
        margin: 20px 0px;
    }
    .mtp {
        margin-top: 20px;
    }
    .best_img {
        text-align: center;
    }
    .best_img img {
        width: 127px;
        height: 32px;
    }
    .padding_50 {
        padding: 20px 0px;
    }
    .best_width {
        width: 100%;
    }
    .best_widlf {
        width: 100%;
    }
    .padding_txt {
        padding: 5px 0px;
    }
    .tpva_images {
        display: block;
    }
    .padding_left80 {
        padding: 0px;
    }
    .box_image_tow {
        position: absolute;
        width: 100%;
        bottom: -15%;
        left: 0%;
        display: flex;
        justify-content: space-between;
    }
    .box_image_tow::before,
    .box_image_tow::after {
        content: '';
        display: block;
    }
    .text_img {
        display: block;
    }
    .high_boxs {
        width: 100%;
        padding: 20px 0px;
        display: flex;
        align-items: center;
    }
    .high_imgs {
        width: 100%;
        padding: 0px;
        text-align: center;
    }
    .margin_tops10 {
        margin-top: 10px;
    }
    .margin_tops20 {
        margin-top: 20px;
    }
    .margin_tops30 {
        margin-top: 30px;
    }
    .margin_tops40 {
        margin-top: 40px;
    }
    .margin_tops50 {
        margin-top: 50px;
    }
    .margin_20a {
        margin: 20px 0px;
    }
    .btn_imgs {
        width: 100px;
        height: 32px;
    }
    .footer .foot1 .nav1 ul dl a {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .footer .foot1 .nav1 ul dd a {
        font-size: 10px;
    }
    .disablit {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .margin_tops8 {
        margin-top: 8px;
    }
    .color_004684 {
        color: #004684;
    }
    .shadow_tow {
        width: 100%;
        margin: 30px 0px;
        background-image: url(../images/15_6.png);
        background-size: 100%;
        min-height: 270px;
        position: relative;
    }
    .shadow_tow_top {
        padding-top: 30px;
    }
    .shadow_tow_tx {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #000000;
        line-height: 20px;
    }
    .adv_pdtop {
        padding: 30px 10px;
    }
    .width_adv {
        width: 30%;
        height: 115px;
    }
    .margin_52 {
        padding: 0px;
    }
    .frame_color {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 20px;
        margin-top: 10px;
    }
    .box_left,
    .box_right {
        width: 100%;
    }
    .txt_a_pc {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #000000;
        line-height: 21px;
    }
    .center_img {
        text-align: center;
        margin-top: 10px;
    }
    .gaming_b {
        margin-top: 30px;
    }
    .display_flex {
        display: block;
    }
    .text_Low_s {
        padding: 0px;
    }
    .low_cla_s {
        margin-top: 30px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #004684;
        font-size: 16px;
        line-height: 20px;
    }
    .box_img2 {
        margin: 30px 0px;
    }
    .align_center {
        text-align: left;
    }
    .img_center {
        text-align: center;
    }
    .box_img1 {
        margin-top: 30px;
    }
    .light_tx {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #004684;
        line-height: 21px;
        text-align: left;
    }
    /* 图片拖动对比 */
    .covered {
        height: 365px;
    }
    .tpvai {
        width: 168px;
        height: 157px;
    }
    .second {
        width: 100%;
        background-image: url('../images/img_page7coverdown.png');
        background-size: 100% 100%;
    }
    .second .changeable {
        width: 100%;
        background-image: url('../images/img_page7coverup.png');
        background-size: cover;
    }
    .covered {
        position: relative;
    }
    .handle {
        position: absolute;
        width: 46px;
        height: 46px;
        margin-left: -23px;
        margin-top: -23px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .2);
        text-align: center;
        /* z-index: 10; */
    }
    .handle span {
        display: inline-block;
        margin: 14px 1px 0;
        color: #fff;
        -webkit-transition: .1s ease-out;
        -moz-transition: .1s ease-out;
        -ms-transition: .1s ease-out;
        -o-transition: .1s ease-out;
        transition: .1s ease-out;
    }
    .handle.vertical {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .handle:hover {
        cursor: move;
    }
    .handle:hover span {
        color: #FFF;
    }
    .draggable {
        cursor: move;
    }
    .play_fi {
        width: 247px;
        height: 157px;
    }
    .draggable span {
        margin: 14px 1px 0;
        color: #FFF;
        -webkit-transition: .1s ease-out;
        -moz-transition: .1s ease-out;
        -ms-transition: .1s ease-out;
        -o-transition: .1s ease-out;
        transition: .1s ease-out;
    }
	.imgs_width2 {
	    width: 50% !important;
	}
}

@media(max-width:1024px) and (min-width:769px) {
	header .logo {
	    max-width: 16%;
	    height: 90px;
	    line-height: 90px;
	}
	nav {
	    width: 67%;
	}
	/* nav ul li {
	    width: 16%;
	} */
    header .ydd_btn {
        width: 35px;
        top: 30px;
        position: fixed;
    }
    header .logo-box .sosuo .switch .ico {
        width: 30px;
        overflow: hidden;
    }
    header .logo-box .sosuo {
        padding-right: 20px;
    }
    .headimg {
        margin-top: 85px;
    }
	.smart .con .textbox .p {
	    font-size: 18px;
	    color: #666;
	    line-height: 20px;
	    margin-top: 20px;
	}
	.test_p{
		line-height: 34px !important;
	}
    .container-row {
        margin: 0 auto;
        position: relative;
        padding: 0 10px;
    }
    .img-nav-list a {
        position: relative;
        text-decoration: none;
        display: block;
        width: 33%;
        margin-top: .5rem;
    }
    .img-nav-list .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, .8);
        z-index: 1;
        color: var(--t-color);
        /* text-align: center; */
        line-height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 29px 10px;
        font-size: 12px;
        font-family: 'Microsoft YaHei;';
        font-weight: bold;
        transition: all .3s;
    }
    .mask span {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        text-overflow: ellipsis;
    }
    .n-content {
        padding: 0px;
    }
    .font_wiegt {
        font-weight: bold !important;
        font-size: 18px;
    }
    .speak_size {
        font-size: 16px;
    }
    .speaker img {
        width: 50%;
        height: 50%;
    }
    .speaker {
        text-align: center;
        margin-top: 20px;
    }
    .smart_imgs {
        text-align: center;
        margin-top: 20px;
    }
    .smart_imgs img {
        width: 100%;
    }
    .speake_ipad {
        height: 180px;
        width: 12px;
    }
    .adv_img152 {
        width: 173px;
        height: 110px;
    }
    .adv_img153 {
        width: 153px;
        height: 110px;
    }
    .text_aligns {
        text-align: center;
    }
    .magic_ambili {
        width: 124px;
        height: 70px;
    }
	.game_img{
		width: 50%;
	}
    .magic_page7 {
        width: 100%;
    }
    .img_width100 {
        width: 75%;
        height: 500px;
    }
    .box_textsd {
        display: flex;
    }
    .width_450 {
        width: 100%;
    }
    .width_310 {
        width: 310px;
        min-height: 165px;
        margin-top: 20px;
        margin-left: 0%;
    }
    .width_310s {
        width: 87% !important;
        min-height: 140px;
    }
    .bx_width {
        width: 47%;
        margin-top: 20px;
    }
    .margin-left {
        margin-left: 0px;
    }
    .line_height {
        line-height: 21px;
    }
    .font_sizes {
        font-size: 16px !important;
    }
    .box_txt {
        background: #F5F5F5;
        padding: 15px;
    }
    .width_270 {
        width: 50%;
        min-height: 330px;
    }
    .box_hight_sound {
        margin-bottom: 20px;
    }
    /* .display_none{
		display: block;
	} */
    .margin_30_20 {
        margin: 30px 0px 30px 0px;
    }
    .font_weigt_18 {
        font-weight: bold;
        font-size: 14px;
    }
    .padding-bottom {
        padding-bottom: 10px;
    }
    .ipad_33 {
        width: 18%;
        height: 25%;
    }
    .ipad_44 {
        height: 100%;
    }
    .positions_relative img:nth-child(2) {
        position: absolute;
        top: -2%;
        left: 2%;
    }
    .positions_relative img:nth-child(3) {
        position: absolute;
        top: -3%;
        right: 7%;
    }
    .positions_relative img:nth-child(4) {
        position: absolute;
        bottom: -5%;
        left: 3%;
    }
    .positions_relative img:nth-child(5) {
        position: absolute;
        top: 70%;
        left: 37%;
        z-index: 99;
    }
    .positions_relative img:nth-child(6) {
        position: absolute;
        bottom: -44%;
        right: 0%;
        width: 200px;
        height: 335px;
    }
    .box_Best:nth-child(1) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/A.png);
    }
    .box_Best:nth-child(2) {
        width: 100%;
        min-height: 295px;
        padding: 20px;
        background-image: url(../images/B.png);
        margin-top: 20px;
    }
    .box_Best:nth-child(3) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/C.png);
        margin-top: 20px;
    }
    .box_Best:nth-child(4) {
        width: 100%;
        height: 295px;
        padding: 20px;
        background-image: url(../images/D.png);
        margin-top: 20px;
    }
    .color_tx {
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 21px;
    }
    .uli2 li {
        margin-top: 5px;
    }
    .best_imgs {
        width: 109px;
        height: 45px;
    }
    .best_freesync {
        width: 93px;
        height: 53px;
        margin: 10px 0px;
    }
    .best_hgig {
        width: 92px;
        height: 40px;
        margin: 10px 0px;
    }
    .best_filmmaker {
        width: 95px;
        height: 64px;
    }
    .best_calman {
        width: 127px;
        height: 45px;
    }
    .best_isf {
        width: 81px;
        height: 55px;
    }
	
    .super_8_1 {
        width: 100%;
    }
    .super_tittle {
        width: 260px;
        height: 17px;
    }
    .super_1plus {
        width: 158px;
        height: 76px;
    }
    .super_imgs {
        width: 50%;
        height: 464px;
    }
    .super_imgone {
        width: 49.2%;
        height: 464px;
    }
    .super4Box {
        width: 100%;
        height: 100%;
    }
    .p_txt {
        color: #666666;
        margin-bottom: 20px;
        font-size: 12px;
        text-align: center;
    }
    .padding_flex {
        padding-left: 80px;
		padding-top: 0px;
    }
    .tpva_11_3 {
        width: 150px;
        height: 186px;
    }
    .parallax {
        margin-top: 180px;
        text-align: center;
    }
    .display_evn {
        display: flex;
    }
    .text_indents {
        padding-left: 12px;
        text-indent: -12px;
    }
    .margin_tops {
        margin-top: 35px;
    }
    .margin_tpvcl {
        margin-top: 10px;
    }
    .nav-text .n-left {
        font-size: 18px;
        font-weight: 400;
        color: #FFFFFF;
    }
    
    .uncom_img {
        width: 120px;
        height: 60px;
    }
    .width_760 {
        width: 100%;
        padding: 10px 0px;
    }
    .margin_top_52 {
        margin-top: 10px;
    }
    .imgs_width {
        width: 100% !important;
    }
    .text {
        color: #000000;
        font-size: 16px;
        margin: 10px 0px;
    }
	
    .flex {
        display: flex;
    }
    .width_50 {
        width: 100%;
    }
    .margin_20 {
        margin: 20px 0px;
    }
    
    .spatial_title {
        color: #000000;
        font-size: 16px;
        margin: 10px 0px;
        font-weight: bold;
    }
    .width_45 {
        width: 45%;
    }
    .multi_imgs {
        width: 269px;
        height: 39px;
    }
    .row-bt {
        display: flex;
    }
    .pc_bom {
        width: 100%;
        margin-top: 20px;
    }
    .pc_width_mu {
        width: 100%;
    }
    .text-t {
        color: var(--t-color);
        font-size: 18px;
        font-weight: bold;
    }
    .adv_center {
        text-align: center !important;
    }
    .margin_50_20 {
        margin: 20px 0px;
    }
    .mtp {
        margin-top: 20px;
    }
    .best_img {
        text-align: center;
    }
    .best_img img {
        width: 127px;
        height: 32px;
    }
    .padding_50 {
        padding: 20px 0px;
    }
    
    
    .padding_txt {
        padding: 5px 0px;
    }
    .tpva_images {
        display: block;
    }
    .padding_left80 {
        padding-left: 80px;
    }
    .box_image_tow {
        position: absolute;
        width: 100%;
        bottom: -70%;
        left: 0%;
        display: flex;
        justify-content: space-between;
    }
	.box_display {
	    display: flex;
	    justify-content: end;
	    justify-content: flex-end;
	    margin-top: 37px;
	}
    .box_image_tow::before,
    .box_image_tow::after {
        content: '';
        display: block;
    }
    .high_boxs {
        width: 100%;
        padding: 20px 0px;
        display: flex;
        align-items: center;
    }
    .high_imgs {
        width: 100%;
        padding: 0px;
        text-align: center;
    }
    .margin_tops10 {
        margin-top: 10px;
    }
    .margin_tops20 {
        margin-top: 20px;
    }
    .margin_tops30 {
        margin-top: 30px;
    }
    .margin_tops40 {
        margin-top: 40px;
    }
    .margin_tops50 {
        margin-top: 50px;
    }
    .margin_20a {
        margin: 20px 0px;
    }
    .btn_imgs {
        width: 100px;
        height: 32px;
    }
    .footer .foot1 .nav1 ul dl a {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .footer .foot1 .nav1 ul dd a {
        font-size: 10px;
    }
    .disablit {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .margin_tops8 {
        margin-top: 8px;
    }
    .color_004684 {
        color: #004684;
    }
    .shadow_tow {
        width: 100%;
        margin: 30px 0px;
        background-image: url(../images/15_6.png);
        background-size: 100%;
        min-height: 270px;
        position: relative;
    }
    .shadow_tow_top {
        padding-top: 30px;
    }
    .shadow_tow_tx {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #000000;
        line-height: 20px;
    }
    .adv_pdtop {
        padding: 30px 10px;
    }
    .width_adv {
        width: 30%;
    }
    .margin_52 {
        padding: 0px;
    }
    .frame_color {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 20px;
        margin-top: 10px;
    }
    
    .txt_a_pc {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #000000;
        line-height: 21px;
    }
    .center_img {
        text-align: center;
        margin-top: 10px;
    }
    .display_flex {
        display: flex;
    }
    
	.text_Low_s {
	    padding: 0px 65px;
	}
    .low_cla_s {
        margin-top: 30px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #004684;
        font-size: 16px;
        line-height: 20px;
    }
    .box_img2 {
        margin: 30px 0px;
    }
    .align_center {
        text-align: center;
    }
    .img_center {
        text-align: center;
    }
    .box_img1 {
        margin-top: 30px;
    }
    .light_tx {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #004684;
        line-height: 21px;
        text-align: left;
    }
    /* 图片拖动对比 */
    .covered {
        height: 480px;
    }
    .tpvai {
        width: 168px;
        height: 157px;
    }
    .second {
        width: 100%;
        background-image: url('../images/img_page7coverdown.png');
        background-size: cover;
    }
    .second .changeable {
        width: 100%;
        background-image: url('../images/img_page7coverup.png');
        background-size: cover;
    }
    .covered {
        position: relative;
    }
    .handle {
        position: absolute;
        width: 46px;
        height: 46px;
        margin-left: -23px;
        margin-top: -23px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .2);
        text-align: center;
    }
    .handle span {
        display: inline-block;
        margin: 14px 1px 0;
        color: #fff;
        -webkit-transition: .1s ease-out;
        -moz-transition: .1s ease-out;
        -ms-transition: .1s ease-out;
        -o-transition: .1s ease-out;
        transition: .1s ease-out;
    }
    .handle.vertical {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .handle:hover {
        cursor: move;
    }
    .handle:hover span {
        color: #FFF;
    }
    .draggable {
        cursor: move;
    }
    .play_fi {
        width: 247px;
        height: 157px;
    }
    .draggable span {
        margin: 14px 1px 0;
        color: #FFF;
        -webkit-transition: .1s ease-out;
        -moz-transition: .1s ease-out;
        -ms-transition: .1s ease-out;
        -o-transition: .1s ease-out;
        transition: .1s ease-out;
    }
	.width_767{
		width: 70% !important;
	}
	.ipad_tpvai{
		width: 50% !important;
	}
}
@media (max-width: 1360px) {
	.headimg {
	    margin-top: 85px;
	}
}