@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;
	}
	.bx_width {
	    width: 100%;
	}
	.margin-left {
	    margin-left: 0px;
	}
	
	.width_400 {
	    width: 100%;
	}
	.line_height{
		line-height: 21px;
	}
	.font_sizes{
		font-size: 14px !important;
	}
	.box_txt {
	    background: #F5F5F5;
	    padding: 15px;
	}
	.width_270{
		width: 270px;
		
	}
	.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%;
	}
	.adv_center{
		text-align: center !important;
	}
	
	.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;
	}
	.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;
	}
	.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: 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: -60%;
	    left: 0%;
	    display: flex;
		justify-content: space-between;
	}
	.box_image_tow::before,.box_image_tow::after{
		content: '';
		display: block;
	}
	.smart .con .textbox .p {
	    font-size: 18px;
	    color: #666;
	    line-height: 20px;
	    margin-top: 20px;
	}
	
	.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%;
	}
	.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 : 360px;
	}
	
	.tpvai{
		width: 168px;
		height: 157px;
	}
	
	.second {
		width: 100%;
		background-image: url('../images/img_page7coverdown.png');
	}
	
	.second .changeable {
		width: 100%;
		background-image: url('../images/img_page7coverup.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:1024px) and (min-width:769px){
	.test_p{
		line-height: 34px !important;
	}
	nav {
	    width: 75%;
	}
	nav ul li a {
	    font-size: 13px;
	}
	header .logo {
	    max-width: 16%;
	    height: 90px;
	    line-height: 90px;
		margin: 0px 15px;
	}
	nav ul li {
	    /* width: 14%; */
	    margin-right: 15px;
	}
	
	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: 0px;
	}
	.container-fluid{
		padding: 0px;
	}
	.headimg {
	    margin-top:90px;
	}
	.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: 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: 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;
	}
	
	.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;
	}
	.ipad_mtop20{
		margin-top: 20px !important;
	}
	.game_img {
	    width: 50%;
	}
	.uncom_img{
		width: 120px;
		height: 60px;
	}
	.width_760 {
	    width: 100%;
	    padding: 10px 0px;
	}
	.margin_top_52 {
	    margin-top: 10px;
	}
	.imgs_width{
		width: 100% !important;
	}
	
	.imgs_width2{
		width: 50% !important;
	}
	
	.text {
	    color: #000000;
	    font-size: 16px;
	    margin: 10px 0px;
	}
	
	.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: 100%;
	}
	
	.multi_imgs{
		width: 269px;
		height: 39px;
	}
	
	.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;
	}
	.smart .con .textbox .p {
	    font-size: 18px;
	    color: #666;
	    line-height: 20px;
	    margin-top: 20px;
	}
	
	.padding_txt {
	    padding: 5px 0px;
	}
	.tpva_images {
	    display: block;
	}
	.box_image_tow {
	    position: absolute;
		width: 100%;
	    bottom: -45%;
	    left: 0%;
	    display: flex;
		justify-content: space-between;
	}
	.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: 0px;
	}
	.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: 215px;
	}
	.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;
	}
	
	.low_cla_s {
	    margin-top: 30px;
	    font-family: Microsoft YaHei;
	    font-weight: bold;
	    color: #004684;
		font-size:16px;
	    line-height: 20px;
	}
	.width_767{
		width: 58% !important;
	}
	.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;
	}
	.gaming_flex{
		display: flex;
	}
	
	
	/* 图片拖动对比 */
	.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;
	}
	
	.marg-auto{
		margin: auto;
		display: block;
	}

}
@media (min-width:1450px) and (max-width:1600px) {
	nav ul li a {
	    display: inline-block;
	    color: #333;
	    font-size: 17px;
	    transition: all .3s;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    transition: all .3s;
	    border-bottom: 4px solid transparent;
	    line-height: 85px;
	}
}
header .logo img {
    width: 215px;
    height: 40px;
}