body{ width:100%; height:100%; overflow:hidden;}
.loading{ width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background: #e6e5e6;}
.loader_c{ width: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.loadimg{ width: 80%; margin: 0 auto 0.2rem; }
.loading_txt{ font-size: 0.24rem; color: #666; text-align: center; }
.loading img{ width: 100%; }


.header_parts { width:100%; height:68px; position:fixed;  z-index:99; top:0; left:0; overflow:hidden; }
.sony_header { width:1920px; position:absolute; top:-68px; left:50%; transition:all 0.4s ease; margin-left:-960px; min-width:1200px; }
.header_parts:hover .sony_header{ top:0; transition:all 0.4s ease;}

.containers img{ width:100%; display:block;}
.swiper-container{ background:#e6e5e6;}
.page{ width:100%; height:100%; position:relative; overflow:hidden;}
.navlist{ width:2.57rem; position:fixed; z-index:999; top:0.9rem; left:0; transition: all 0.6s ease; transform: translate(-100%,0);}
.show.navlist{ transform: translate(0,0); }
.navlist a{ display:block; height:0.8rem; width:2.57rem; background:url(../images/nv1t_a.png) no-repeat; background-size:2.57rem 6.3rem;}
.navlist a.act{ background:url(../images/nv2t_a.png) no-repeat; background-size:2.57rem 6.3rem;}
.navlist a:nth-child(1){ background-position:0 0;}
.navlist a:nth-child(2){ background-position:0 -4.04rem;}
.navlist a:nth-child(3){ background-position:0 -3.18rem;}
.navlist a:nth-child(4){ background-position:0 -2.44rem;}

.navlist a:nth-child(5){  background:url(../images/nv2t_a.png) no-repeat; background-size:2.57rem 6.3rem; height: 0.84rem; background-position:0 -0.8rem; }

.navlist a:nth-child(6){ background-position:0 -4.71rem;}
.navlist a:nth-child(7){ background-position:0 -5.52rem;}



.p1content{ width: 100%; height: 8rem; position: relative; top: 50%; transform: translate(0,-50%); }


.sfoot{ width:0.8rem; height:0.36rem; background:url(../images/foot.png) no-repeat; background-size:4.8rem 0.36rem; animation:walk 0.5s infinite steps(1,start);}
@keyframes walk{
 0%{ background-position:0 0;}
 16.666%{ background-position:-0.8rem 0;}
 33.332%{ background-position:-1.6rem 0;}
 49.998%{ background-position:-2.4rem 0;}
 66.664%{ background-position:-3.2rem 0;}
 83.333%{ background-position:-4.0rem 0;}
 100%{ background-position:0 0;}	
}
.mover{ position:absolute; width:0.8rem; height:0.36rem;}
.mover1{ position:absolute; width:0.8rem; height:0.36rem;}
.yproduct{ width:1.8rem; position:absolute; z-index:2; bottom:-0.05rem; left:-0.55rem; animation:por 0.8s infinite linear;}
@keyframes por{
 0%{ transform:translate(0,0);}	
 50%{ transform:translate(0,5px);}	
 100%{ transform:translate(0,0);}	
}
.years{ width:1.3rem; position:absolute; left:-1.7rem; top:-0.4rem;}
.righty{ left:1.0rem; top: -0.8rem; }

.radio{ width:7.6rem; position:absolute; bottom:0; left:5.8rem; z-index:3;}
.walkman{ width:2.4rem; position:absolute; bottom:3.2rem; left:8.3rem; z-index:5;}
.roundtypes1{ width: 42%; position: absolute; top: 18%; left: 8%; animation: rotate 7s infinite linear;}
.roundtypes2{ width: 42%; position: absolute; top: 18%; right: 8%; animation: rotate 7s infinite linear; }

.cd{ width:8.12rem; position:absolute; z-index:6; bottom:-3.5rem; left:5.64rem;}
.cd1{ width:8.12rem; position:absolute; z-index:6; bottom:-3.5rem; left:5.64rem;}

.cdtitle{ width:4rem; position:absolute; top:0.65rem; left:1.83rem;}

.rot40th{ width:2.9rem; position:absolute; top:-0.9rem; left:2.7rem;}
.rotwalkman{ width:3.6rem; position:absolute; bottom:-0.5rem; left:2.2rem; transform:rotate(180deg);}
@keyframes rotate{
 0%{ transform:rotate(0deg);}	
 100%{ transform:rotate(-360deg);}	
}
.roatec{ animation:rotate 20s infinite linear;}




.tapebg{ width:4.46rem; position:absolute; top:0; right:0;}
.tape1{ width:2.8rem; position:absolute; top:-1.4rem; left:0.4rem; animation:rotate 7s infinite linear;}
.tape2{ width:2.8rem; position:absolute; top:-0.7rem; right:-1.3rem; animation:rotate 7s 2s infinite linear;}
.p2_c1{ width:1.42rem; position:absolute; top:2rem; left:2.57rem;}
.p2_c2{ width:1.39rem; position:absolute; top:3.45rem; right:0.66rem;}
.p2_c3{ width:1.23rem; position:absolute; top:5.7rem; right:2.2rem;}
.p2_c4{ width:1.13rem; position:absolute; top:7.98rem; right:1.3rem;}
.wraps{ width:10rem; position:absolute; top:0; left:50%; transform:translate(-50%,0);}
.p2_text1{ width:6.59rem; position:absolute; top:0.42rem; left:0.47rem;}
.p2_text2{ width:8.58rem; position:absolute; top:2.14rem; left:0.47rem;}
.p2walkman{ width:2.9rem; position:absolute; top:1.0rem; right:0;}
.videobg{ position:absolute; top:2.91rem; left:-0.66rem; width:11.13rem;}
.videoopen{ display:block; width:8.96rem; position:absolute; top:0.32rem; left:1.1rem;}
.p2_c5{ width:4.65rem; position:absolute; bottom:0; left:0;}


.p3_c1{ width:1.42rem; position:absolute; top:0.09rem; left:11.4rem;}
.p3_c2{ width:1.09rem; position:absolute; top:0.74rem; left:9.6rem;}
.p3_c3{ width:1.09rem; position:absolute; top:6.05rem; left:0.6rem;}
.p3_c4{ width:0.8rem; position:absolute; top:7.24rem; left:2.52rem;}
.p3_c{ width:3.53rem; position:absolute; bottom:0; right:0;}
.tapebg3{ width:4.67rem; position:absolute; top:0; left:4.05rem;}
.tapebg3 .tape1{ width:2.2rem; top:-1.0rem; left:0.4rem;}
.tapebg3 .tape2{ width:2.2rem; top:-0.6rem; right:0.05rem;}

.scollercontent{ width:16.88rem; position:absolute; top:0rem; right:0; overflow-x:hidden; transform: translate(0,-50%);}
.scroller{ width:100%; }
.scroller>div{ float:left;}

.skipsanimate{ color: #666; text-decoration: underline; position: absolute; z-index: 999; bottom: 0.5rem; right: 0.8rem; cursor: pointer; font-size: 0.2rem; }



.page40walk{ width: 3.75rem; position: absolute; top: -1.25rem; left: 5.72rem; }
.tapebg1{ width:4.46rem; position:absolute; top:-0.5rem; right:0;}
.p4_c5{ width:3rem; position:absolute; bottom:0; left:0;}
.p4_c3{ width:1.23rem; position:absolute; top:5.7rem; right:0.2rem;}
.p4_c4{ width:1.13rem; position:absolute; top:2.98rem; right:0.3rem;}
.p4_c6{ width: 1.1rem; position: absolute; top: 3.76rem; left: 0.63rem; }


.fc1_t{ width: 8.15rem; position: absolute; top:0.8rem; left:5.32rem;  }
.pagecanl .swiper-slide{width: 2.34rem;}
.pagecanl a{ display: block; }
.swiper-container.pagecanl{ width: 16.9rem; position: absolute; top: 2.8rem; right: 0; overflow: hidden; }
.tomore{ width: 0.83rem; height: 0.86rem; background: url(../images/p4/add.png) no-repeat; background-size: 100%; position: absolute; top: 2.9rem; left: 0.7rem;  }
.retime{ width: 14px; position: absolute; top: 3.8rem; width: 100%; text-align: center; left: 0; color: #000; }
.pageup .tomore{ top: 0.28rem; }
.pageup .retime{ top: 1.2rem; }

.act .tomore{ background: url(../images/p4/addh.png) no-repeat; background-size: 100%; }
.act .retime{ color: #c30e2e; }


.pupbgs{ width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; background: rgba(0,0,0,0.5); display: none; }
.funcengpont{ width: 700px; height: 620px; background: #fff; border: 2px #000 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding-left: 36px;  }
.nacity{ padding-top: 65px; width: 363px;  }
.nav_contentc{ height: 430px; width: 670px;  position: absolute;  left: 0; overflow: hidden; padding-left: 36px; margin-top: 40px;   }
.nav_plent{ position: relative; width: 485px; }
.fc_cit1{ color: #c30e2e; font-size: 24px; margin-bottom: 6px; border-bottom: 2px #b7b7b7 solid; padding-bottom: 6px; }
.fc_cit2{ font-size: 16px; color: #453b3d; }
.fc_cit3{ font-size: 16px; color: #453b3d; }
.fc_cit4{ font-size: 16px; color: #453b3d; }
.citylists{ position: relative;  margin-bottom: 30px;  }
.hgbtn{ width: 155px; position: absolute; top: 30px; right: 5px; display: none; }
.closefcpop{ width: 53px; position: absolute; top: 22px; right: 15px; }
.richeng{ opacity: 0; transform: translate(100%,0); transition: all 0.6s ease; }


.closepart{ width: 1.43rem; position: absolute; top: 0.7rem; right: 0.2rem; display: none; z-index: 999; }



.city_p{ width: 1.44rem; height: 3.37rem; position: absolute; top: 0.3rem; left: 0.47rem; }
.pageup .city_p{ top: 0.88rem; }
.beijing{ background: url(../images/p4/lar/beijing.png) no-repeat; background-size: 100%; }
.act .beijing{ background: url(../images/p4/lar/beijing_o.png) no-repeat; background-size: 100%; }
.chongqing{ background: url(../images/p4/lar/chongqing.png) no-repeat; background-size: 100%; }
.act .chongqing{ background: url(../images/p4/lar/chongqing_o.png) no-repeat; background-size: 100%; }
.fuzhou{ background: url(../images/p4/lar/fuzhou.png) no-repeat; background-size: 100%; }
.act .fuzhou{ background: url(../images/p4/lar/fuzhou_o.png) no-repeat; background-size: 100%; }
.guangzhou{ background: url(../images/p4/lar/guangzhou.png) no-repeat; background-size: 100%; }
.act .guangzhou{ background: url(../images/p4/lar/guangzhou_o.png) no-repeat; background-size: 100%; }
.kunming{ background: url(../images/p4/lar/kunming.png) no-repeat; background-size: 100%; }
.act .kunming{ background: url(../images/p4/lar/kunming_o.png) no-repeat; background-size: 100%; }
.nanchang{ background: url(../images/p4/lar/nanchang.png) no-repeat; background-size: 100%; }
.act .nanchang{ background: url(../images/p4/lar/nanchang_o.png) no-repeat; background-size: 100%; }
.nanjing{ background: url(../images/p4/lar/nanjing.png) no-repeat; background-size: 100%; }
.act .nanjing{ background: url(../images/p4/lar/nanjing_o.png) no-repeat; background-size: 100%; }
.nanning{ background: url(../images/p4/lar/nanning.png) no-repeat; background-size: 100%; }
.act .nanning{ background: url(../images/p4/lar/nanning_o.png) no-repeat; background-size: 100%; }
.shijiazhuang{ background: url(../images/p4/lar/shijiazhuang.png) no-repeat; background-size: 100%; }
.act .shijiazhuang{ background: url(../images/p4/lar/shijiazhuang_o.png) no-repeat; background-size: 100%; }
.taiyuan{ background: url(../images/p4/lar/taiyuan.png) no-repeat; background-size: 100%; }
.act .taiyuan{ background: url(../images/p4/lar/taiyuan_o.png) no-repeat; background-size: 100%; }
.tianjing{ background: url(../images/p4/lar/tianjing.png) no-repeat; background-size: 100%; }
.act .tianjing{ background: url(../images/p4/lar/tianjing_o.png) no-repeat; background-size: 100%; }
.wuhang{ background: url(../images/p4/lar/wuhang.png) no-repeat; background-size: 100%; }
.act .wuhang{ background: url(../images/p4/lar/wuhang_o.png) no-repeat; background-size: 100%; }
.zhenzhou{ background: url(../images/p4/lar/zhenzhou.png) no-repeat; background-size: 100%; }
.act .zhenzhou{ background: url(../images/p4/lar/zhenzhou_o.png) no-repeat; background-size: 100%; }


.changsha{ background: url(../images/p4/lar/changsha.png) no-repeat; background-size: 100%; }
.act .changsha{ background: url(../images/p4/lar/changsha_o.png) no-repeat; background-size: 100%; }
.chengdu{ background: url(../images/p4/lar/chengdu.png) no-repeat; background-size: 100%; }
.act .chengdu{ background: url(../images/p4/lar/chengdu_o.png) no-repeat; background-size: 100%; }
.hangzhou{ background: url(../images/p4/lar/hangzhou.png) no-repeat; background-size: 100%; }
.act .hangzhou{ background: url(../images/p4/lar/hangzhou_o.png) no-repeat; background-size: 100%; }
.shanghai{ background: url(../images/p4/lar/shanghai.png) no-repeat; background-size: 100%; }
.act .shanghai{ background: url(../images/p4/lar/shanghai_o.png) no-repeat; background-size: 100%; }
.xiamen{ background: url(../images/p4/lar/xiamen.png) no-repeat; background-size: 100%; }
.act .xiamen{ background: url(../images/p4/lar/xiamen_o.png) no-repeat; background-size: 100%; }
.xian{ background: url(../images/p4/lar/xian.png) no-repeat; background-size: 100%; }
.act .xian{ background: url(../images/p4/lar/xian_o.png) no-repeat; background-size: 100%; }



.dalian{ background: url(../images/p4/lar/dalian.png) no-repeat; background-size: 100%; }
.act .dalian{ background: url(../images/p4/lar/dalian_o.png) no-repeat; background-size: 100%; }
.yinchuan{ background: url(../images/p4/lar/yinchuan.png) no-repeat; background-size: 100%; }
.act .yinchuan{ background: url(../images/p4/lar/yinchuan_o.png) no-repeat; background-size: 100%; }
.wuxi{ background: url(../images/p4/lar/wuxi.png) no-repeat; background-size: 100%; }
.act .wuxi{ background: url(../images/p4/lar/wuxi_o.png) no-repeat; background-size: 100%; }
.shenzhen{ background: url(../images/p4/lar/shenzhen.png) no-repeat; background-size: 100%; }
.act .shenzhen{ background: url(../images/p4/lar/shenzhen_o.png) no-repeat; background-size: 100%; }
.ningbo{ background: url(../images/p4/lar/ningbo.png) no-repeat; background-size: 100%; }
.act .ningbo{ background: url(../images/p4/lar/ningbo_o.png) no-repeat; background-size: 100%; }
.shenyang{ background: url(../images/p4/lar/shenyang.png) no-repeat; background-size: 100%; }
.act .shenyang{ background: url(../images/p4/lar/shenyang_o.png) no-repeat; background-size: 100%; }
.suzhou{ background: url(../images/p4/lar/suzhou.png) no-repeat; background-size: 100%; }
.act .suzhou{ background: url(../images/p4/lar/suzhou_o.png) no-repeat; background-size: 100%; }
.changzhou{ background: url(../images/p4/lar/changzhou.png) no-repeat; background-size: 100%; }
.act .changzhou{ background: url(../images/p4/lar/changzhou_o.png) no-repeat; background-size: 100%; }
.haerbin{ background: url(../images/p4/lar/haerbin.png) no-repeat; background-size: 100%; }
.act .haerbin{ background: url(../images/p4/lar/haerbin_o.png) no-repeat; background-size: 100%; }
.huhehaote{ background: url(../images/p4/lar/huhehaote.png) no-repeat; background-size: 95%; }
.act .huhehaote{ background: url(../images/p4/lar/huhehaote_o.png) no-repeat; background-size: 95%; }
.yangzhou{ background: url(../images/p4/lar/yangzhou.png) no-repeat; background-size: 100%; }
.act .yangzhou{ background: url(../images/p4/lar/yangzhou_o.png) no-repeat; background-size: 100%; }
.shantou{ background: url(../images/p4/lar/shantou.png) no-repeat; background-size: 100%; }
.act .shantou{ background: url(../images/p4/lar/shantou_o.png) no-repeat; background-size: 100%; }

.taizhou{ background: url(../images/p4/lar/taizhou.png) no-repeat; background-size: 100%; }
.act .taizhou{ background: url(../images/p4/lar/taizhou_o.png) no-repeat; background-size: 100%; }
.tangshan{ background: url(../images/p4/lar/tangshan.png) no-repeat; background-size: 100%; }
.act .tangshan{ background: url(../images/p4/lar/tangshan_o.png) no-repeat; background-size: 100%; }
.jiangsu{ background: url(../images/p4/lar/jiangsu.png) no-repeat; background-size: 100%; }
.act .jiangsu{ background: url(../images/p4/lar/jiangsu_o.png) no-repeat; background-size: 100%; }

.jinan{ background: url(../images/p4/lar/jinan.png) no-repeat; background-size: 100%; }
.act .jinan{ background: url(../images/p4/lar/jinan_o.png) no-repeat; background-size: 100%; }
.zibo{ background: url(../images/p4/lar/zibo.png) no-repeat; background-size: 100%; }
.act .zibo{ background: url(../images/p4/lar/zibo_o.png) no-repeat; background-size: 100%; }

@media screen and (max-width: 1600px){
	.perpage{  top: 0.1rem;  }


	.sony_header img{ width: 100%; }
	.sony_header{ width: 1600px; margin-left: -800px; }
}
#videotc{ display:none; width:8.96rem; height: 5.03rem;  position:absolute; top:0.32rem; left:1.1rem; z-index: 9999;}
#container{width: 100%;height: 100%;}


.jqqdmore{ width: 1rem; position: absolute; top: 0.8rem; left: 0.6rem; }



.navqx{ width: 4.5rem; height: 0.4rem; position: absolute; top: 7.8rem; left: 6.8rem; background:#fff; z-index: 30; border: 2px #fff solid; transform: skew(-40deg); text-align: center; }
.navqx a{ display: inline-block; position: relative; background:#000000; height: 100%; width: 23%;}
.navqx a:hover{ background: #c30e2e; }
.sprev:after{ content: ""; display: block; width: 0.4rem; height: 0.2rem; background:url(../images/p4/trick.png) no-repeat; background-size: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) skew(40deg); }
.snext:after{ content: ""; display: block; width: 0.4rem; height: 0.2rem; background:url(../images/p4/trick.png) no-repeat; background-size: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(180deg) skew(40deg); }
.sprev:hover:after{  background:url(../images/p4/trick_on.png) no-repeat; background-size: 100%;  }
.snext:hover:after{  background:url(../images/p4/trick_on.png) no-repeat; background-size: 100%;  }



.navqx a.qwbmbtn{ display: inline-block;  padding: 0 0.2rem; width: 1.9rem; }
.navqx a.qwbmbtn img{ margin-top: 0.07rem; transform: skew(40deg);  }

.btn_media{ background: url(../images/music.png) no-repeat; background-size: 100%;  width: 0.74rem; height: 0.86rem; margin: 0 auto;  }
.btn_media.stop{ background: url(../images/musicstop.png) no-repeat; background-size: 100%;animation: smusci 2s infinite linear;  }
.aerabtns{ width: 0.74re; position: fixed; z-index: 30; bottom: 0.3rem; right: 1.8rem; cursor: pointer;  }
.jzmusic{ font-size: 12px; color: #666; text-align: center; position: absolute; top: 0.86rem; left: -0.6rem;width: 2rem;  }
@keyframes smusci{
	0%{ transform: scale(1.0); }
	50%{ transform: scale(0.9); }
	100%{ transform: scale(1.0); }
}


.leftbars{ width: 29%; height: 66%; position: absolute; top: 17%; left: 6%; display: block; }
.rightbars{ width: 30%; height: 66%; position: absolute; top: 18%; left: 36%; display: block; }
.perpage{ width: 16rem; position: absolute; top: 0.62rem; left: 2.08rem; }
.hgbtns{ width: 27%; height: 66%; position: absolute; top: 18%; right: 6%; display: block; }
.promotionpart{ opacity: 0; transform: translate(100%,0); transition: all 0.6s ease; position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.pagepromotion{ overflow: hidden; position: relative; height: 100%;}
.hgpart{ opacity: 0; transform: translate(100%,0); transition: all 0.6s ease; position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.show{ opacity: 1; transform: translate(0,0);}

.contentlists{ width: 100%; height: 8rem; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); z-index: 3; }
.p5_titles{ width: 10.74rem; position: absolute; top: 0rem; left: 4.26rem; }
.p5_times{ width: 2.83rem; position: absolute; top: 1.22rem; left: 6.42rem; }
.p5_code{ width: 1.84rem; position: absolute; top: 1.2rem; left: 9.9rem; }
.p5_text1{ width: 5.21rem; position: absolute; top: 2.9rem; left: 4rem; }
.p5_text2{ width: 5.32rem; position: absolute; top: 2.9rem; left: 10rem; }
.p5_btn1{ width: 2.34rem; position: absolute; top: 6.64rem; left: 4rem; }
.p5_btn2{ width: 2.34rem; position: absolute; top: 6.64rem; left: 10rem; }
.p5_s1{ width: 1rem; position: absolute; top: 1.36rem; left: 4.94rem; }
.p5_s2{ width: 1.77rem; position: absolute; top: 1.3rem; left: 14rem; }
.p5_s3{ width: 1.46rem; position: absolute; top: 3.72rem; left: 15.32rem; }
.p5_s4{ width: 1.15rem; position: absolute; top: 5.1rem; left: 1.92rem; }
.p5_sbuild{ width: 1.7rem; position: absolute; bottom: 0; left: 4.14rem; }

.indext1{ width: 3rem; position: absolute; top: 0.8rem; left: 2.6rem; }
.indext2{ width: 2.4rem; position: absolute; top: 2.3rem; left: 2.8rem; }

.section_kvt{ width: 100%; height: 8rem; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); }
.kf_title{ width: 9.13rem; margin: 0 auto 0.3rem; }
.kf_videobg{ width: 11.13rem; margin: 0 auto; position: relative; }
.kf_videoopen{ display:block; width:8.96rem; position:absolute; top:0.32rem; left:1.1rem;}
#videotc1{ display:none; width:8.96rem; height: 5.03rem;  position:absolute; top:0.32rem; left:1.1rem; z-index: 9999;}
#container1{width: 100%;height: 100%;}
.kf_text{ width: 8.35rem; margin: 0 auto 0.5rem; }