@charset "utf-8";
/* CSS Document */
body{ background:url(../images/bgbody.jpg) center center; margin:0px; padding:0px; position:relative; font-family:"微软雅黑", "宋体", verdana, arial; font-size:12px; line-height:20px;}
ul,li{ list-style:none; padding:0px; margin:0px;}
img{ border:none;}
.audio-player{ display: none;}
.ercode{ position:fixed; left:-130px; top:200px; z-index:9999;}
.nav{ position:fixed; background:url(../images/nav.png) no-repeat left top; width:151px; height:736px; margin-left:-470px; left:50%; top:-640px; z-index:9999;}
.nav ul{ padding-top:375px; padding-left:45px;}
.nav ul li{ position:relative;}
.nav ul li .nav_a{ position:absolute; background:url(../images/nav.png) no-repeat -151px -380px; height:270px; width:73px;}
.nav ul li .nav_a a{ display:block; height:23px; margin-bottom:4px; width:73px;}
.nav ul li .bg_nav{ position:absolute; display:block; background:url(../images/nav.png) no-repeat right top; height:23px; margin-bottom:4px; width:73px; left:-5px;}
.nav ul li .nav_bt{ position:absolute; left:-20px; top:270px; width:100%; height:80px; cursor:pointer;}
.main .bg1, .main .bg2, .main .bg3, .main .bg4, .main .bg5{ position:relative;}
.main{ width:1024px; /*overflow:hidden;*/ margin:0px auto; position:relative; display:none;}
.bg1{ background:url(../images/bg_01.jpg) no-repeat left top; height:682px;}
.bg2{ background:url(../images/bg_02.jpg) no-repeat left top; height:545px;}
.bg3{ background:url(../images/bg_03.jpg) no-repeat left top; height:1377px;}
.bg4{ background:url(../images/bg_04.jpg) no-repeat left top; height:1207px;}
.bg5{ background:url(../images/bg_05.jpg) no-repeat left top; height:943px;}
.bg1,.bg2,.bg3,.bg4,.bg5{ background:none;}

.bg1 .logo,.bg1 .title1,.bg1 .discontent,.bg1 .xs1,.bg2 .xs1,.bg2 .title1,.bg2 .title1_1,.bg2 .s_nav1,.bg2 .txt1,.bg2 .xs2,.bg3 .title1,.bg3 .txt1,.bg3 .xs1,.bg3 .xs2,.bg3 .xs3,.bg3 .xs4,.bg3 .xs5,.bg3 .title2,.bg3 .pro1,.bg3 .pro2,.bg3 .xs6,.bg3 .rule,.bg4 .video,.bg4 .xs1,.bg4 .videopage,.bg4 .title1,.bg4 .newscontent,.bg4 .xs2,.bg4 .xs3,.bg5 .xs1,.bg5 .xs2,.bg5 .xs3,.bg5 .s_nav,.bg5 .xs4,.bg5 .friendlinka,.bg5 .hra,.bg5 .mapshape{ position:absolute;}

.showDiv>div{ max-width:100%; left:50%; top:50%; margin-left:-380px; position:fixed;}

.bg1 .logo{ right:28px; top:28px;}
.bg1 .title1{ left:162px; top:148px;}
.bg1 .xs1{ right:15px; bottom:60px;}
.bg1 .brandxs_03{ position: absolute; left: 40px; bottom: 55px;}
.bg1 .discontent{ width:630px; height:503px; background:url(../images/bgBrand.png) no-repeat left top; top:137px; left:215px;}
.bg1 .discontent .content{ padding:30px 0px 0px 40px; position:relative;}
.bg1 .discontent .content .picslide{ width:555px;}
.bg1 .discontent .content .s_nav{ float:right; margin-right:30px; padding-top:10px;}
.bg1 .discontent .content .s_nav li{ float:left; background-image:url(../images/brandYear.png); background-repeat:no-repeat;}
.bg1 .discontent .content .s_nav li.bt_left{ background-position:left center; width:17px; height:65px; margin-right:20px; cursor:pointer;}
.bg1 .discontent .content .s_nav li.bt_right{ background-position:right center; width:17px; height:65px; margin-left:20px; cursor:pointer;}
.bg1 .discontent .content .s_nav li.content{ background-position:-48px center; width:260px; height:65px; background:none; overflow:hidden; padding:0px;}
.bg1 .discontent .content .s_nav li img{ border: none;}
.bg2 .xs1{ top:30px; left:-40px;}
.bg2 .xs2{ top:210px; right:70px;}
.bg2 .title1{ top:100px; left:165px;}
.bg2 .s_nav1{ right:80px; top:70px;}
.bg2 .s_nav1 a{ display:block; float:left; height:52px; background-image:url(../images/title1.png);}
.bg2 .s_nav1 a.nav1{ width:180px; background-position:left -52px;}
.bg2 .s_nav1 a.nav1:hover{ background-position:left 0px;}
.bg2 .s_nav1 a.nav2{ width:177px; background-position:-180px -52px;}
.bg2 .s_nav1 a.nav2:hover{ background-position:-180px 0px;}
.bg2 .txt1{ top:270px; left:465px;}
.bg3 .title1{ left:215px; top:65px;}
.bg3 .txt1{ top:150px; left:277px;}
.bg3 .xs1{ top:15px; left:642px;}
.bg3 .xs2{ top:312px; left:570px;}
.bg3 .xs3{ top:283px; left:-20px;}
.bg3 .xs4{ top:653px; left:213px;}
.bg3 .xs5{ top:779px; left:60px;}
.bg3 .title2{ left:289px; top:510px;}
.bg3 .pro1{ left:344px; top:523px;}
.bg3 .pro1,.bg3 .pro2{ background:url(../images/liren_54.png) no-repeat left top; width:642px; height:332px;}
.bg3 .pro1 div,.bg3 .pro2 div{ padding:20px 0px 0px 40px;}
.bg3 .pro1 ul,.bg3 .pro2 ul{ float:left;}
.bg3 .pro1 ul.stitle,.bg3 .pro2 ul.stitle{ padding-top:156px;}
.bg3 .pro1 ul li,.bg3 .pro2 ul li{ text-align:center; margin-right:30px;}
.bg3 .pro2{ left:84px; top:864px;}
.bg3 .xs6{ left:747px; top:1022px;}
.bg3 .rule{ top:1200px; width:100%;}
.bg3 .rule .yearpage{ padding:0px 50px;}
.bg3 .rule .yearpage li{ float:left; background-image:url(../images/brandYear.png); background-repeat:no-repeat;}
.bg3 .rule .yearpage li.bt_left{ background-position:left center; width:17px; height:65px; margin-right:20px; cursor:pointer;}
.bg3 .rule .yearpage li.bt_right{ background-position:right center; width:17px; height:65px; margin-left:20px; float:right; cursor:pointer;}
.bg3 .rule .yearpage li.content{ background:none; background-position:left center; width:800px; padding-top:20px; margin-left:25px; overflow:hidden;}
.bg3 .rule .yearpage li.content table td{ text-align:center; padding:0px 25px;}
.bg4 .video{ background:url(../images/liren_10.png) no-repeat left top; width:773px; height:430px; left:100px; top:120px;}
.bg4 .video div{ padding-left:106px; padding-top:42px;}
.bg4 .xs1{ left:65px; top:354px;}
.bg4 .xs2{ left:54px; top:884px;}
.bg4 .xs3{ left:97px; top:1124px;}
.bg4 .videopage{right:20px; top:30px; width:139px; height:507px; background:url(../images/liren_13.png) no-repeat left top;}
.bg4 .videopage ul{ padding:175px 40px 0px 20px;}
.bg4 .videopage ul li.up,.bg4 .videopage ul li.down{ height:30px; cursor:pointer;}
.bg4 .videopage ul li.content{ height:255px; overflow:hidden; padding-left:4px;}
.bg4 .videopage ul li.content p{ height:85px; overflow:hidden; padding:0px; margin:0px; cursor:pointer;}
.bg4 .title1{ left:220px; top:637px;}
.bg4 .newscontent{ width:656px; height:420px; left:279px; top:670px; background:url(../images/liren_67.png) no-repeat left top;}
.bg4 .newscontent .newslist{ color:#362014; font-size:12px; padding:25px 0px 0px 40px; height:330px;}
.bg4 .newscontent .newslist .newsitem{ float:left; margin-right:15px; margin-bottom:15px; line-height:18px;}
.bg4 .newscontent .newslist .newsitem img{ margin-top:5px;}
.bg4 .newscontent .newspage{ clear:both; padding-top:10px; text-align:center;}
.bg4 .newscontent .newspage a{ color:#362014; text-decoration:none; display:inline-block; padding:5px 10px;}
.bg4 .newscontent .newspage a.current{ background:url(../images/bgpage.png) no-repeat center bottom;}
.bg5 .xs1{ left:140px; top:50px;}
.bg5 .xs2{ left:241px; top:17px; z-index:2;}
.bg5 .xs3{ right:90px; top:452px;}
.bg5 .xs4{ bottom:100px; left:50%; margin-left:-344px;}
.bg5 .s_nav{ top:585px; left:325px;}
.bg5 .s_nav a{ display:block; background-image:url(../images/title2.png); background-repeat:no-repeat; height:55px; float:left;}
.bg5 .s_nav a.nav1{ background-position:0px -55px; width:185px;}
.bg5 .s_nav a.nav1:hover{ background-position:0px 0px;}
.bg5 .s_nav a.nav2{ background-position:-185px -55px; width:186px;}
.bg5 .s_nav a.nav2:hover{ background-position:-185px 0px;}
.bg5 .friendlinka,.bg5 .hra{ display:block; width:180px; height:55px; left:675px; bottom:195px; z-index:9999;}
.bg5 .hra{ left:675px; bottom:140px;}
.bg5 .mapshape{ z-index:1; display:none;}
.bg5 .wlmq{ left:241px; top:82px;}
.bg5 .ly{ left:587px; top:241px;}
.bg5 .heb{ left:653px; top:18px;}
.bg5 .cc{ left:673px; top:107px;}
.bg5 .dl{ left:658px; top:141px;}
.bg5 .ts{ left:612px; top:161px;}
.bg5 .ty{ left:584px; top:190px;}
.bg5 .jn{ left:630px; top:213px;}
.bg5 .xa{ left:542px; top:205px;}
.bg5 .cd{ left:456px; top:273px;}
.bg5 .cq{ left:549px; top:295px;}
.bg5 .wh{ left:571px; top:280px;}
.bg5 .cz{ left:646px; top:249px;}
.bg5 .hz{ left:673px; top:287px;}
.bg5 .gy{ left:521px; top:331px;}
.bg5 .cs{ left:577px; top:319px;}
.bg5 .ja{ left:628px; top:312px;}
.bg5 .xm{ left:656px; top:331px;}
.bg5 .nn{ left:531px; top:364px;}
.bg5 .gz{ left:592px; top:371px;}

/* loadingBox */
.showMsgBox{
    background: rgba(0,0,0,.4);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999
}
#spinner {
    position: fixed;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -384px;
	text-align:center;
}
#spinner img{ max-width:100%;}


.hrnewspage{ clear:both; padding-top:10px; text-align:left;}
.hrnewspage a{ color:#362014; text-decoration:none; display:inline-block; padding:5px 10px;}
.hrnewspage a.current{ background:url(../images/bgpage.png) no-repeat center bottom;}

.showDiv{ position:fixed; z-index:99999; width:1024px; /*height:100%;*/ margin-left:-512px; left:50%; display:none; }
.showDiv>div{ opacity:0.92;}
.showDivInit{ background:url(../images/loading.gif) no-repeat center center;}

.tc{ text-align:center;}
.bg4 .xs-videoplay,.bg4 .xs-videopage,.bg4 .xs-newscontent,.showstore .xs-store,.xs-share,.share .xs-piclist,.newsdetail .xs-picbig,.show_brand_big_pic .xs-picshow,.viptxt2,.friendlink .xs-friendlinka,.bg2 .txt1-480,.bg2 .txt2-480,.bg5 .xs4-480,.bg5 .xs4-640,.bg3 .lirenProPic3,.bg3 .lirenProPic4,.bg5 .xs2-2,.xs-nav,.bg2 .title1_1{ display:none;}

.showDiv .product_publish_n{ height:476px; background:url(../images/coming.png) #c0bab7 no-repeat 270px center; margin-top:-238px;}
.showDiv>div.product_publish_n{ background-size:auto;}

.newsdetail .newsup,.newsdetail .newsdown{ text-align:center;}
.newsdetail .newscontent{ height:375px; overflow:hidden;}



@media screen and (min-width:640px) and (max-width: 1024px){
	.show_brand_big_pic .close_n{ display:block; position:absolute; width:33px; height:33px; right:10px; top:6px; background:url(../images/close2.png) no-repeat center center;}
	.main{ width:640px; display:none; overflow:hidden;}
	.ercode{ display:none;}
	.nav{ display:none;}
	.xs-nav{ display: block; background: url(../images/xs/nav_bg.png) no-repeat -454px top; width: 195px; height:760px; position: fixed; left:0px; top:-703px; z-index:9999;}
    .xs-nav ul{ padding-top: 10px; padding-left: 30px;}
    .xs-nav ul li .nav_a{ background: url(../images/xs/nav_bg.png) no-repeat -195px -15px; height: 700px; width: 132px;}
    .xs-nav ul li .bg_nav{ position: absolute; display: block; height: 40px; width: 115px; background: url(../images/xs/nav_bg.png) no-repeat -330px  10px;}
    .xs-nav ul li .nav_a a{ width: 150px; display: block; height: 37px; }
    .xs-nav-b{ width: 104px; height: 200px; margin-top: 120px; }
    .xs-nav ul li .xs-nav-b a{ width: 50px; float: left; height: 43px; }
	.bg1{ height:480px;}
	.bg1 .logo{ width:250px; right:10px; top:10px;}
	.bg1 .discontent{ width:500px; top:100px; left:100px; background-size:500px;}
	.bg1 .title1{ top:110px; left:33px; width:50px;}
	.bg1 .brandxs_03,.bg1 .xs1{ display:none;}
	.bg1 .picslide img{ width:100%;}
	.bg1 .discontent .content{ padding: 20px 0px 0px 30px;}
	.bg1 .discontent .content .picslide{ width:435px;}
	.bg1 .discontent .content .s_nav li.content{ overflow-x:auto;}

	.bg2{ height:450px;}
	.bg2 .xs1{ display:none;}
	.bg2 .s_nav1{ right:30px;}
	.bg2 .title1{ display:none;}
	.bg2 .title1_1{ display:block; width:253px; top:130px; left:10px;}
	.bg2 .txt1{ top:230px; left:200px;}
	.bg2 .xs2{ width:120px; top:160px; right:20px;}

	.bg3{ height:1040px;}
	.bg3 .title1{ left:88px; top:20px; width:50px;}
	.bg3 .txt1{ left:170px; top:80px;}
	.bg3 .xs1{ left:450px; width:130px;}
	.bg3 .xs2{ left:467px; top:250px; width:73px;}
	.bg3 .xs4{ top:270px; left:120px;}
	.bg3 .xs3{ display:none;}
	.bg3 .title2{ left:43px; top:360px; width:50px;}
	.bg3 .pro1{ left:110px; top:360px;}
	.bg3 .pro1, .bg3 .pro2{ width:480px; background-size:480px;}
	.bg3 .pro1 ul, .bg3 .pro2 ul{ width:140px;}
	.bg3 .pro1 ul img, .bg3 .pro2 ul img{ max-width:100%;}
	.bg3 .pro1 ul img.lirenProPic1{ top: 50%; left: 50%; margin-top: -170px; margin-left: -225px; width:480px; max-width:none;}
	.bg3 .pro2 ul img.lirenProPic2{ top: 50%; left: 50%; margin-top: -170px; margin-left: -225px; width:480px; max-width:none;}

	.bg3 .pro1 ul li, .bg3 .pro2 ul li{ margin-right:20px;}
	.bg3 .pro1 ul.stitle, .bg3 .pro2 ul.stitle{ padding-top:100px;}
	.bg3 .xs5{ left:25px; top:600px;}
	.bg3 .pro2{ left:110px; top:614px;}
	.bg3 .rule{ top:890px;}
	.bg3 .rule .tc img{ max-width:95%;}
	.bg3 .rule .yearpage li.content{ width:540px; overflow-x:hidden; margin-left:0px;}
	.bg3 .rule .yearpage li.bt_left{ margin-right:0px;}
	.bg3 .rule .yearpage li.bt_right{ margin-left:0px;}
	.bg3 .rule .yearpage{ padding:0px 30px;}
	.bg3 .rule .yearpage li.content table td{ padding: 0px 29px;}

	.bg4{ height:1077px;}
	.bg4 .video{ left:20px; top:50px; background-size:100%; width:600px; height:340px; background: url(../images/liren_10_1.png) no-repeat left top;}
	.bg4 .video .xs-videoplay{ display:block; width:500px; height:280px; padding-left:80px; padding-top:27px;}
	.bg4 .video .xs-videoplay video{ width:100%; height:100%;}
	.bg4 .video #videoplay_wrapper{ display:none; height:0px; overflow:hidden;}
	.bg4 .xs1{left: 85px; top: 384px; width: 60px;}
	.bg4 .video #videoplay{ display:none;}
	.bg4 .videopage{ display:none;}
	.bg4 .xs-videopage{ display:block; background: url(../images/xs/liren_13_2.png) no-repeat left top; width:439px; height:129px; position:absolute; right: 10px; top: 380px;}
	.bg4 .xs-videopage  .xs-container{ padding:35px 0px 0px 150px;}
	.bg4 .xs-videopage .xs-container div{ float:left;}
	.bg4 .xs-videopage .xs-container div.left{ background: url(../images/brandYear.png) no-repeat left center; height:76px; width:25px;}
	.bg4 .xs-videopage .xs-container div.right{ background: url(../images/brandYear.png) no-repeat right center; height:76px; width:25px;}
	.bg4 .xs-videopage .xs-container div.container{ width:210px; overflow-x:auto;}
	.bg4 .xs-videopage .xs-container div.container table td{ padding:0px 3px;}
	.bg4 .xs-videopage .xs-container div.container table td img{ width:65px;}
	.bg4 .title1 { left: 80px; top: 560px; width:50px;}
	.bg4 .newscontent { width: 460px; left: 150px; top:560px; background-size: 460px 420px; display:none;}
	.bg4 .xs-newscontent { display:block;}
	.bg4 .xs2 { left: 24px; top: 800px; width: 130px;}
	.bg4 .xs3 { left: 50px; top: 1000px;}

	.bg5{ height:823px;}
	.bg5 .xs1 { left: 30px; top: 30px; width:50px;}
	.bg5 .xs2 { left: 90px; width: 547px; top:0px; max-width:90%;}
	.bg5 .xs3 { right: 30px; top: 380px; width: 90px;}
	.bg5 .s_nav{ left:145px; top:480px;}
	.bg5 .xs4{ display:none;}
	.bg5 .xs4-640{ position:absolute; bottom:70px; left:50%; margin-left:-277px; display:block;}
	.showDiv{ width:640px; margin-left:-320px; left:50%;}
	.showDiv>div{ max-width:100%; background-size:100% 492px; left:50%; top:50%; margin-left:-225px; position:fixed;}
	.showDiv>div.showstore{ max-width:100%; background-size:450px; margin-top:-210px;}

	.show_brand_big_pic{ background: url(../images/xs/bgBrand_03.png) no-repeat left top; background-size:auto; width:450px; height:550px; margin-top:-275px; }
	.show_brand_big_pic .picshow .piclist{ width:98%;}
	.showDiv>div.show_brand_big_pic{ background-size:100% auto;}
	.show_brand_big_pic .picshow{ display:none;}
	.show_brand_big_pic .xs-picshow{ display:block;}
	.show_brand_big_pic .xs-picshow .xs-picbig{ width:100%; text-align:center; padding-top:40px; height:340px; overflow:hidden;}
	.show_brand_big_pic .xs-picshow .xs-piclist{ margin:0px 20px; overflow-x:hidden;}
	.show_brand_big_pic .xs-picshow .xs-piclist img{ margin:0px 5px;}

	.product_publish .snav{ left:115px;}
	.product_publish .snav a{ background-size: 526px; width: 159px; height:45px;}
	.product_publish .snav a.nav2 { background-position: -159px top;}
	.product_publish .snav a.nav3{ background-position: -338px top;}
	.product_publish .picshow { padding: 90px 0px 0px 30px;}
	.product_publish .picshow .picbig{ margin-right:15px; width:380px;}
	.product_publish .picshow .piclist{ width:180px;}
	.showstore{ height:600px;}
	.showstore .picshow { padding: 70px 0px 0px 30px;}
	.showstore .picshow .piclist{ width:570px; float:none;}
	.showstore .picshow .storebigpic,.showstore .picshow .picbig .storelist,.showstore .picshow .picbig{ display:none;}
	.showstore .xs-store{ display:block;}
	.showstore .xs-store .shareleft{ float:left; padding:0px 10px 0px 0px;}
	.showstore .xs-store .shareright{ float:right; padding:0px 0px 0px 10px; margin-left:0px;}
	.showstore .xs-store .storelist{ float:left; width:500px; overflow-x:hidden;}
	.showstore .xs-store .storelist td{ padding:0px 5px;}

	.xs-share{ display:block;}
	.xs-share{ width: 430px; height: 125px;overflow: hidden;position: absolute;left:5px;top: 45px; }
    .xs-share .shareleft,.xs-share .shareright,.xs-share .storelist{ float: left;}
    .xs-share .shareleft,.xs-share .shareright{margin-top: 60px;}
    .xs-share .shareright{margin-left: 20px;}
    .xs-share .storelist{width: 350px; overflow-x:hidden;margin-top: 18px;margin-left: 25px; }
    .xs-share .storelist .picitem{ padding:0px 10px; }
	.xs-share .storelist .picitem img{ width:155px; height:90px; }
	.xs-store{ position: relative; left: -20px; top: 0; }
	.xs-store .picitem img{ width: 175px; height: 95px; }
	.xs-store .storelist{ margin-left: 0px; width: 380px; }
	.xs-store .storebigpic .bpic{ width: 410px; height: 250px; }
	.share{ background: url(../images/xs/bgshare.jpg) #FFF no-repeat left top;}
	.showDiv>div.share{ width:445px; height:484px; margin-top:-242px;}
	.share .picshow .piclist,.share .picshow .picbig{ display:none;}
	.share .picshow{ display:block;}
	.share .xs-piclist{ display:block; position:absolute; width: 75%;  left: 50%;  margin-left: -35%; top: 180px; height:270px; overflow-y:hidden;}

	.showDiv>div.newsdetail{ width:450px; height:420px; background: url(../images/xs/bgnews.jpg) no-repeat left top; margin-top:-210px;}
	.newsdetail .picshow{ padding: 60px 0px 0px 25px;}
	.newsdetail .picshow .piclist{ width:400px; float:none; height:200px;}
	.newsdetail .picshow .picbig{ float:none; display:none;}
	.newsdetail .picshow .xs-picbig{ float:none; display:block; width:400px; overflow-x:hidden; padding-top:30px;}
	.newsdetail .picshow .xs-picbig td img{ margin:0px 10px;}
	.newsdetail .picshow .xs-picbig .newsleft{ float:left; padding-top:25px; margin-right:10px;}
	.newsdetail .picshow .xs-picbig .newspiclist{ float:left; width:340px; overflow:hidden;}
	.newsdetail .picshow .xs-picbig .newsright{ float:right; padding-top:25px;}


	.bg5 .friendlinka, .bg5 .hra {  display: block;  width: 180px;  height: 55px;  left: 465px;  bottom: 175px;  z-index: 9999;}
	.bg5 .hra {  left: 464px;  bottom: 120px;}


	.profile{ background: url(../images/xs/profile.jpg) #FFF no-repeat left top; width:450px; height:442px; margin-top:-221px;}
	.product{ background: url(../images/xs/product.jpg) #FFF no-repeat left top; width:450px; height:490px; margin-top:-245px;}
	.showDiv .profile,.showDiv .product{ background-size: 100% 100%; opacity:0.92; }
	.showDiv .product_publish{ height:476px; background: url(../images/xs/bgproductpublish.jpg) no-repeat left top; margin-top:-238px;}

	.product_publish .snav{ left:15px; top:40px;}
	.product_publish .snav a{ background-image:url(../images/xs/product_nav.png); width:138px; height:37px; background-size:auto;}
	.product_publish .snav a.nav2{ background-position:-138px; background-size:auto;}
	.product_publish .snav a.nav3{ background-position:-276px;}
	.product_publish .picshow .picbig{ width:220px;}
	.product_publish .picshow .picbig img:first-child{ max-height:350px;}

	.product_publish .picshow{ display:block;}
	.bg3 .pro1 ul img.lirenProPic3{ top: 50%; left: 50%; margin-top: -170px; margin-left: -225px;}
	.bg3 .pro2 ul img.lirenProPic4{ top: 50%; left: 50%; margin-top: -170px; margin-left: -225px;}
	.bg3 .pro1 ul img.lirenProPic3,.bg3 .pro2 ul img.lirenProPic4{ width:450px; max-width:none; position:fixed; z-index:9999;}
	.showDiv .newsdetail .picshow{ display:block;}
	.showDiv .showstore .picshow{ display:block;}
	.showstore{ background: url(../images/xs/bgstore.jpg) no-repeat left top; width:450px; height:420px; margin-top:-210px;}
	.showstore .picshow .piclist{ width:400px; height:200px;}
	.showstore .xs-store .storelist{ width:370px;}

	.vip{ background: url(../images/xs/bgvip.jpg) no-repeat left top; height:420px; margin-top:-210px; }
	.vip .picshow{ padding:85px 0px 0px 5px;}
	.vip .picshow .piclist{ width:440px; height:320px;}
	.vip .picshow img{ max-width:100%;}
	.showDiv>div.vip{ background-size:450px;}
	.vip .picshow{ display:block;}
	.vip .viptxt{ display:none;}
	.vip .viptxt2{ display:block;}

	.friendlink{ background: url(../images/xs/bgfriendlink.jpg) #FFF no-repeat left top; height:476px; margin-top:-238px;}
	.friendlink .friendlinka{ display:none;}
	.friendlink .xs-friendlinka{ display:block; padding: 90px 0px 0px 60px;}
	.friendlink .xs-friendlinka a {  display: block;  width: 170px;  height: 100px;  float: left;}

	.hr{ background: url(../images/xs/bghr.jpg) no-repeat left top; width:450px; height:476px;}
	.hr .container{padding: 210px 0px 0px 25px;}
	.hr .selitem2 .seldefault,.hr .selitem3 .seldefault{ width:28px; margin: 0px 5px;}
	.hr .selitem2 .seloption,.hr .selitem3 .seloption{ margin:0px; margin-left:5px;}
	.hrdetail{ background: url(../images/xs/bghr_03.jpg) no-repeat left top; width:450px; height:492px;}
	.hrdetail .hrinfo{margin-left:20px; margin-right:20px; margin-top:80px;}

	.showDiv .ercodeinfo{ background: url(../images/xs/bgercode.jpg) no-repeat left top; height:426px; margin-top:-213px; margin-left:-225px;}
	.logostory{ background: url(../images/xs/logostory.jpg) no-repeat left top; width:450px; height:332px;}
	.showDiv>div.logostory{ background-size:auto; margin-top:-166px;}

	.hr .container table{ margin-top:12px;}
	.hr .container table th{ height: 27px;}
	.hr .container table td{ height: 22px;}

	.bg5 .wlmq{ left:90px; top:64px;}
	.bg5 .ly{ left:436px; top:223px;}
	.bg5 .heb{ left:502px; top:0px;}
	.bg5 .cc{ left:522px; top:89px;}
	.bg5 .dl{ left:507px; top:123px;}
	.bg5 .ts{ left:461px; top:143px;}
	.bg5 .ty{ left:433px; top:172px;}
	.bg5 .jn{ left:479px; top:195px;}
	.bg5 .xa{ left:391px; top:187px;}
	.bg5 .cd{ left:305px; top:255px;}
	.bg5 .cq{ left:398px; top:277px;}
	.bg5 .wh{ left:420px; top:262px;}
	.bg5 .cz{ left:495px; top:231px;}
	.bg5 .hz{ left:522px; top:269px;}
	.bg5 .gy{ left:370px; top:313px;}
	.bg5 .cs{ left:426px; top:301px;}
	.bg5 .ja{ left:477px; top:294px;}
	.bg5 .xm{ left:505px; top:313px;}
	.bg5 .nn{ left:380px; top:346px;}
	.bg5 .gz{ left:441px; top:353px;}

	.showDiv .product_publish_n{ height:476px; background:url(../images/coming.png) #c0bab7 no-repeat 80px center; margin-top:-238px;}
	.showDiv>div.product_publish_n{ background-size:auto;}
}

@media screen and (max-width: 639px){
	.show_brand_big_pic .close_n{ display:block; position:absolute; width:33px; height:33px; right:10px; top:6px; background:url(../images/close2.png) no-repeat center center;}
	#spinner{ margin-top:-200px;}
	.main{ width:480px; display:none; overflow:hidden;}
	.ercode{ display:none;}
	.nav{ display:none;}
	.xs-nav{ display: block; background: url(../images/xs/nav_bg.png) no-repeat -454px top; width: 195px; height:760px; position: fixed; top:-703px; z-index:9999;}
    .xs-nav ul{ padding-top: 10px; padding-left: 30px;}
    .xs-nav ul li .nav_a{ background: url(../images/xs/nav_bg.png) no-repeat -195px -15px; height: 700px; width: 132px;}
    .xs-nav ul li .bg_nav{ position: absolute; display: block; height: 40px; width: 115px; background: url(../images/xs/nav_bg.png) no-repeat -330px  10px;}
    .xs-nav ul li .nav_a a{ width: 150px; display: block; height: 37px; }
    .xs-nav-b{ width: 104px; height: 200px; margin-top: 140px; }
    .xs-nav ul li .xs-nav-b a{ width: 50px; float: left; height: 43px; }
	.bg1{ height:450px;}
	.bg1 .logo{ width:250px; right:10px; top:10px;}
	.bg1 .discontent{ width:420px; top:100px; left:50px; background-size:420px;}
	.bg1 .title1{ top:110px; left:13px; width:40px;}
	.bg1 .brandxs_03,.bg1 .xs1{ display:none;}
	.bg1 .picslide img{ width:100%;}
	.bg1 .discontent .content{ padding: 20px 0px 0px 30px;}
	.bg1 .discontent .content .picslide{ width:355px;}
	.bg1 .discontent .content .s_nav{ padding-top:5px;}
	.bg1 .discontent .content .s_nav li.content{ overflow-x:auto;}

	.bg2{ height:auto; text-align:center;}
	.bg2 .txt1-480,.bg2 .txt2-480{ display:block; margin-left:auto; margin-right:auto;}
	.bg2 .xs1,.bg2 .title1,.bg2 .txt1,.bg2 .xs2{ display:none;}
	.bg2 .s_nav1{ right:30px; top:0px;}
	.bg2 .txt1-480{ padding-top:50px;}

	.bg3{ height:670px;}
	.bg3 .xs1,.bg3 .xs2,.bg3 .xs3,.bg3 .xs4,.bg3 .xs5,.bg3 .xs6,.bg3 .txt1,.bg3 .title1{ display:none;}
	.bg3 .title2{ left:15px; top:-60px; width:40px;}
	.bg3 .pro1{ left:10px; top:60px;}
	.bg3 .pro1, .bg3 .pro2{ width:460px; background-size:460px;}
	.bg3 .pro1 ul, .bg3 .pro2 ul{ width:140px;}
	.bg3 .pro1 ul img, .bg3 .pro2 ul img{ max-width:100%;}
	.bg3 .pro1 ul li, .bg3 .pro2 ul li{ margin-right:20px;}
	.bg3 .pro1 ul.stitle, .bg3 .pro2 ul.stitle{ padding-top:100px;}
	.bg3 .xs5{ left:25px; top:600px;}
	.bg3 .pro2{ left:10px; top:304px;}
	.bg3 .rule{ top:560px;}
	.bg3 .rule .tc img{ max-width:95%;}
	.bg3 .rule .yearpage li.content{ width:420px; overflow-x:hidden; margin-left:0px;}
	.bg3 .rule .yearpage li.bt_left{ margin-right:0px;}
	.bg3 .rule .yearpage li.bt_right{ margin-left:0px;}
	.bg3 .rule .yearpage{ padding:0px 10px;}
	.bg3 .pro1 div, .bg3 .pro2 div{ padding:10px 0px 0px 40px;}
	.bg3 .rule .yearpage li.content table td{ padding: 0px 27.5px;}

	.bg4{ height:900px;}
	.bg4 .video{ left:10px; top:50px; background-size:100%; width:460px; height:340px;}
	.bg4 .video .xs-videoplay{ display:block; width:400px; height:250px; padding-left:45px; padding-top:0px;}
	.bg4 .video .xs-videoplay video{ width:100%; height:100%;}
	.bg4 .video #videoplay_wrapper{ display:none; height:0px; overflow:hidden;}
	.bg4 .video #videoplay{ display:none;}
	.bg4 .xs1,.bg4 .videopage{ display:none;}
	.bg4 .xs-videopage{ display:block; background: url(../images/xs/liren_13_2.png) no-repeat left top; width:439px; height:129px; position:absolute; right: 10px; top: 300px;}
	.bg4 .xs-videopage  .xs-container{ padding:35px 0px 0px 150px;}
	.bg4 .xs-videopage .xs-container div{ float:left;}
	.bg4 .xs-videopage .xs-container div.left{ background: url(../images/brandYear.png) no-repeat left center; height:76px; width:25px;}
	.bg4 .xs-videopage .xs-container div.right{ background: url(../images/brandYear.png) no-repeat right center; height:76px; width:25px;}
	.bg4 .xs-videopage .xs-container div.container{ width:210px; overflow-x:auto;}
	.bg4 .xs-videopage .xs-container div.container table td{ padding:0px 3px;}
	.bg4 .xs-videopage .xs-container div.container table td img{ width:65px;}
	.bg4 .title1 { left: 10px; top: 450px; width:40px;}
	.bg4 .newscontent { width: 410px; left: 50px; top:450px; background-size: 410px 420px; display:none;}
	.bg4 .xs-newscontent { display:block;}
	.bg4 .xs2,.bg4 .xs3 { display:none;}
	.bg4 .newscontent .newslist .newsitem{margin-right:20px;}
	.bg4 .newscontent .newslist{padding: 25px 0px 0px 20px;}


	.bg5{ height:900px;}
	.bg5 .xs1 { left: 10px; top: 30px; width:40px;}
	.bg5 .xs2 { display:none; left: 5%; width: 547px; top:30px; max-width:90%;}
	.bg5 .xs3 { display:none;}
	.bg5 .xs2-2{ display:block; left: 5%; width: 547px; top:30px; max-width:90%; position: absolute; z-index:2;}
	.bg5 .s_nav{ left:50px; top:430px;}
	.bg5 .xs4{ display:none;}
	.bg5 .xs4-480{ position:absolute; bottom:70px; left:50%; margin-left:-164px; display:block;}

	.bg5 .wlmq{ left:24px; top:82px; width:168px;}
	.bg5 .ly{ left:296px; top:207px; width:50px;}
	.bg5 .heb{ left:349px; top:30px; width:95px;}
	.bg5 .cc{ left:364px; top:100px; width:70px;}
	.bg5 .dl{ left:353px; top:128px; width:48px;}
	.bg5 .ts{ left:317px; top:144px; width:44px;}
	.bg5 .ty{ left:295px; top:167px; width:28px;}
	.bg5 .jn{ left:332px; top:184px; width:54px;}
	.bg5 .xa{ left:261px; top:178px; width:41px;}
	.bg5 .cd{ left:194px; top:232px; width:92px;}
	.bg5 .cq{ left:267px; top:251px; width:31px;}
	.bg5 .wh{ left:283px; top:238px; width:64px;}
	.bg5 .cz{ left:345px; top:214px; width:47px;}
	.bg5 .hz{ left:364px; top:244px; width:32px;}
	.bg5 .gy{ left:245px; top:279px; width:51px;}
	.bg5 .cs{ left:289px; top:269px; width:46px;}
	.bg5 .ja{ left:329px; top:263px; width:40px;}
	.bg5 .xm{ left:352px; top:279px; width:36px;}
	.bg5 .nn{ left:253px; top:305px; width:66px;}
	.bg5 .gz{ left:301px; top:309px; width:64px;}

	.showDiv{ width:640px; margin-left:-320px; left:50%;}
	.showDiv>div{ max-width:100%; margin-left:0px; background-size:100% 492px; position:fixed;}
	.showDiv>div.showstore{ max-width:100%; margin-left:0px; background-size:450px;}
	.showDiv .show_brand_big_pic{ margin-left:-225px; left:50%; top:50%; margin-top:-275px;}
	.show_brand_big_pic{ background: url(../images/xs/bgBrand_03.png) no-repeat left top; background-size:auto; width:450px; height:550px;  }
	.showDiv>div.show_brand_big_pic{ background-size:100% auto;}
	.show_brand_big_pic .picshow{ display:none;}
	.show_brand_big_pic .xs-picshow{ display:block;}
	.show_brand_big_pic .xs-picshow .xs-picbig{ width:100%; text-align:center; padding-top:40px; height:340px; overflow:hidden;}
	.show_brand_big_pic .xs-picshow .xs-piclist{ margin:0px 20px; overflow-x:hidden;}
	.show_brand_big_pic .xs-picshow .xs-piclist img{ margin:0px 5px;}
	.show_brand_big_pic .picshow .piclist{ width:180px;}

	.product_publish .snav{ left:115px;}
	.product_publish .snav a{ background-size: 526px; width: 159px; height:45px;}
	.product_publish .snav a.nav2 { background-position: -159px top;}
	.product_publish .snav a.nav3{ background-position: -338px top;}
	.product_publish .picshow { padding: 90px 0px 0px 30px;}
	.product_publish .picshow .picbig{ margin-right:15px; width:380px;}
	.showstore{ height:600px;}
	.showstore .picshow { padding: 85px 0px 0px 30px;}
	.showstore .picshow .piclist{ width:570px; float:none;}
	.showstore .picshow .storebigpic,.showstore .picshow .picbig .storelist,.showstore .picshow .picbig{ display:none;}
	.showstore .xs-store{ display:block;}
	.showstore .xs-store .shareleft{ float:left; padding:0px 10px 0px 0px;}
	.showstore .xs-store .shareright{ float:right; padding:0px 0px 0px 10px; margin-left: 0px;}
	.showstore .xs-store .storelist{ float:left; width:500px; overflow-x:hidden;}
	.showstore .xs-store .storelist td{ padding:0px 5px;}

	.xs-share{ display:block;}
	.xs-share{ width: 430px; height: 125px;overflow: hidden;position: absolute;left:5px;top: 45px; }
    .xs-share .shareleft,.xs-share .shareright,.xs-share .storelist{ float: left;}
    .xs-share .shareleft,.xs-share .shareright{margin-top: 60px;}
    .xs-share .shareright{margin-left: 20px;}
    .xs-share .storelist{width: 350px; overflow-x:hidden;margin-top: 18px;margin-left: 25px; }
    .xs-share .storelist .picitem{ padding:0px 10px; }
	.xs-share .storelist .picitem img{ width:155px; height:90px; }
	.xs-store{ position: relative; left: -20px; top: 0; }
	.xs-store .picitem img{ width: 175px; height: 95px; }
	.xs-store .storelist{ margin-left: 0px; width: 380px; }
	.xs-store .storebigpic .bpic{ width: 410px; height: 250px; }
	.share{ background: url(../images/xs/bgshare.jpg) #FFF no-repeat left top;}
	.showDiv>div.share{ width:445px; height:484px; background-size:100% 100%; margin-left:-222px; margin-top:-242px;}
	.share .picshow .piclist,.share .picshow .picbig{ display:none;}
	.share .picshow{ display:block;}
	.share .xs-piclist{ display:block; position:absolute; width: 75%;  left: 50%;  margin-left: -35%; top: 180px; height:270px; overflow-y:hidden;}

	.showDiv>div.newsdetail{ width:450px; height:420px; background: url(../images/xs/bgnews.jpg) no-repeat left top; margin-left:-225px; left:50%; top:50%; margin-top:-210px;}

	.newsdetail .picshow{ padding: 60px 0px 0px 25px;}
	.newsdetail .picshow .piclist{ width:400px; float:none; height:200px;}
	.newsdetail .picshow .picbig{ float:none; display:none;}
	.newsdetail .picshow .xs-picbig{ float:none; display:block; width:400px; overflow-x:hidden; padding-top:30px;}
	.newsdetail .picshow .xs-picbig td img{ margin:0px 10px;}
	.newsdetail .picshow .xs-picbig .newsleft{ float:left; padding-top:25px; margin-right:10px;}
	.newsdetail .picshow .xs-picbig .newspiclist{ float:left; width:340px; overflow:hidden;}
	.newsdetail .picshow .xs-picbig .newsright{ float:right; padding-top:25px;}

	.bg5 .friendlinka, .bg5 .hra {  display: block;  width: 150px;  height: 55px;  left: 80px;  bottom: 115px;  z-index: 9999;}
	.bg5 .hra {  left: 244px;  bottom: 115px;}


	.profile{ background: url(../images/xs/profile.jpg) #FFF no-repeat left top; width:450px; height:442px; margin-top:-221px;}
	.product{ background: url(../images/xs/product.jpg) #FFF no-repeat left top; width:450px; height:490px; margin-top:-245px;}
	.showDiv .profile,.showDiv .product{ background-size: 100% 100%; left:50%; margin-left:-225px; top:50%; position:fixed;}
	.showDiv .product_publish{ height:476px; background: url(../images/xs/bgproductpublish.jpg) no-repeat left top; margin-top:-238px;}

	.product_publish .snav{ left:15px; top:40px;}
	.product_publish .snav a{ background-image:url(../images/xs/product_nav.png); width:138px; height:37px; background-size:auto;}
	.product_publish .snav a.nav2{ background-position:-138px; background-size:auto;}
	.product_publish .snav a.nav3{ background-position:-276px;}
	.product_publish .picshow .picbig{ width:220px;}
	.product_publish .picshow .picbig img:first-child{ max-height:350px;}

	.product_publish .picshow{ display:block;}
	.bg3 .pro1 ul img.lirenProPic3{ top: 50%; left: 50%; margin-top: -170px; margin-left: -225px; width:450px; max-width:none;}
	.bg3 .pro2 ul img.lirenProPic4{ top: 50%; left: 50%; margin-top: -170px; margin-left: -225px; width:450px; max-width:none;}
	.bg3 .lirenProPic1,.bg3 .lirenProPic2{ display:none;}
	.bg3 .lirenProPic3,.bg3 .lirenProPic4{ display:none; position:fixed; z-index:999999;}
	.showDiv .newsdetail .picshow{ display:block;}
	.showDiv .showstore .picshow{ display:block;}
	.showstore{ background: url(../images/xs/bgstore.jpg) no-repeat left top; width:450px; height:730px; margin-left:95px;}
	.showDiv>div.showstore{ left:50%; margin-left:-225px; top:50%; margin-top:-365px;}
	.showstore .picshow .piclist{ width:400px; height:200px; margin-bottom:0px;}
	.showstore .xs-store .storelist{ width:370px;}
	.showstore .picshow .storebigpic{ display:block; margin-left:-30px; text-align:center; width:450px;}

	.vip{ background: url(../images/xs/bgvip.jpg) #FFF no-repeat left top; height:450px; }
	.vip .picshow{ padding:85px 0px 0px 5px;}
	.vip .picshow .piclist{ width:440px; height:350px;}
	.vip .picshow img{ max-width:100%;}
	.showDiv>div.vip{ background-size:450px; margin-top:-225px;}
	.vip .picshow{ display:block;}
	.vip .viptxt{ display:none;}
	.vip .viptxt2{ display:block;}

	.friendlink{ background: url(../images/xs/bgfriendlink.jpg) #FFF no-repeat left top; height:476px;}
	.friendlink .friendlinka{ display:none;}
	.friendlink .xs-friendlinka{ display:block; padding: 90px 0px 0px 60px;}
	.friendlink .xs-friendlinka a {  display: block;  width: 170px;  height: 100px;  float: left;}
	.showDiv>div.friendlink{ margin-top:-238px;}

	.hr{ background: url(../images/xs/bghr.jpg) no-repeat left top; width:450px; height:476px;}
	.hr .container{padding: 210px 0px 0px 25px;}
	.hr .selitem2 .seldefault,.hr .selitem3 .seldefault{ width:28px; margin: 0px 5px;}
	.hr .selitem2 .seloption,.hr .selitem3 .seloption{ margin:0px; margin-left:5px;}
	.hrdetail{ background: url(../images/xs/bghr_03.jpg) no-repeat left top; width:450px; height:492px;}
	.hrdetail .hrinfo{margin-left:20px; margin-right:20px; margin-top:80px;}
	.ercodeinfo{ background: url(../images/xs/bgercode.jpg) no-repeat left top; height:426px; margin-top:-213px;}
	.ercodeinfo .container{padding: 210px 20px 0px 25px;}

	.hr .container table{ margin-top:12px;}
	.hr .container table th{ height: 27px;}
	.hr .container table td{ height: 22px;}

	.logostory{ background: url(../images/xs/logostory.jpg) no-repeat left top; width:450px; height:332px;}
	.showDiv>div.logostory{ background-size:auto; margin-top:-166px;}

	.showDiv .product_publish_n{ height:476px; background:url(../images/coming.png) #c0bab7 no-repeat 80px center; margin-top:-238px;}
	.showDiv>div.product_publish_n{ background-size:auto;}
}