/*全局

html {-webkit-text-size-adjust:none;font-size:12px;}*/
html {font-size:10px;}
body {font-family:"Arial","Microsoft YaHei";text-align:center;color:#000;background:#fff;}
body,ul,li{margin:0px;padding:0px;list-style-type: none;}
a{color:#595757;text-decoration: none;}
a img{border:none;}
input{border:1px solid #454549;background:#171719;height:22px;line-height:22px;font-size:14px;}
textarea{border:1px solid #454549;background:#171719;}
td{padding:0px;font-size:12px;}
.HidContent{display:none;}
.space{clear:both;width:100%;height:0;overflow:hidden;}
.main{width:100%;margin:0 auto;overflow:hidden;clear:both;text-align:left;}
/*定位*/
.floatleft{float:left;}
.floatright{float:right;}
.floatclear{clear:both}
/*对齐*/
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
td img{vertical-align:bottom;display:block}

/*边距空隙*/
.padding20{padding:20px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.m10{margin:10px;}
.noborder{border:none;}
.gif{width:50px;height:82px;position:fixed;z-index:51;top:50%;left:50%;-webkit-animation:gif 5s linear infinite;display:none;}
.gif img{position:relative;left:-50%;top:-50%;width:100%;}
/*@-webkit-keyframes gif {
	100% { -webkit-transform: rotate(360deg);}
}*/

.bg80{width:100%;height:100%;background:url(/images/alpha.fff.90.png);position:fixed;z-index:50;top:0;left:0;}
.bg85{background:url(/images/alpha.000.85.png);position:fixed;z-index:9;top:0;left:0;right:0;bottom:0;display:none;text-align:center;}


.par,.next{width:150px;height:200px;display:block;position:fixed;z-index:30;background:url(/images/page.gif) no-repeat;top:40%;}
.par{left:0;background-position:left 90px}
.next{right:0;background-position:right 90px}

.fullbg{position:fixed;width:100%;height:100%;z-index:0;background-size:cover;background-repeat:no-repeat;background-position:center;left:0;top:0;}


.copyright{position:absolute;width:100%;bottom:0;left:0;z-index:2;color:#fff;}
.copyright span{padding:0 10px;font-size:10px;display:inline-block;}

.line1{border-top:1px solid #fff;margin:10px 0;padding-top:10px;}
#totop{width:35px;height:35px;position:fixed;right:20px;bottom:30px;opacity:0;display:none;z-index:8;cursor:pointer;overflow:hidden;}
#totop img{position:absolute;left:0;top:0;width:100%;/*-webkit-transition:all .5s;-moz-transition:all .5s; -o-transition:all .5s;*/}
#totop:hover img{top:-35px;}

.linkbutton{width:115px;height:25px;font-size:1.2rem;text-align:center;cursor:pointer;margin:auto;border:solid #595757 1px;line-height:25px;border-radius:15px;}
.linkbutton a{display:block;width:100%;height:100%;}

.actmouse{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;font-size:1.3rem;color:#fff;background:url(/images/alpha.000.30.png);opacity:0;text-align:center;text-transform:uppercase;
-webkit-transition:all 1s;-moz-transition:all 1s; -o-transition:all 1s;}
.actmouse:hover{opacity:1;}
.actmouse span{position:absolute;display:block;top:50%;width:100%;text-align:center;margin-top:-20px;}
.actmouse span.en{margin-top:-10px;}
.bgspace{width:100%;height:100%;background:url(../images/space.png);position:absolute;z-index:30}
.down{width:820px;margin:80px auto;text-align:center;}

.down ul{width:820px;margin:0 auto 50px;}
.down li{width:240px;height:150px;overflow:hidden;margin:15px;display:inline-block;position:relative;}
.down li a{display:block;width:100%;height:100%;background:url(/images/down.png) no-repeat center center #7a1b14;left:0;top:0;position:absolute;opacity:0}

#Logo{position:fixed;top:15px;left:15px;z-index:20;}
#Logo img{width:50px;}
#MenuTag{position:fixed;right:10px;top:10px;z-index:21;width:50px;height:50px;cursor:pointer;border-radius:5px;}
#MenuTag span{position:absolute;display:block;width:25px;height:2px;background:#3E3A39;right:10px;
-webkit-transition:all 1s;-moz-transition:all 1s; -o-transition:all 1s;}
#MenuTag:hover span{background:#000;}
#MenuTag span.m_1{top:10px;}
#MenuTag span.m_2{top:18px;}
#MenuTag span.m_3{top:26px;}
#MenuTag.a span.m_1{top:18px;-webkit-transform:scale(1.1) rotate(-135deg);-moz-transform:scale(1.1) rotate(-135deg);-o-transform:scale(1.1) rotate(-135deg);}
#MenuTag.a span.m_2{top:18px;opacity:0}
#MenuTag.a span.m_3{top:18px;-webkit-transform:scale(1.1) rotate(135deg);-moz-transform:scale(1.1) rotate(135deg);-o-transform:scale(1.1) rotate(135deg);}
#MenuTag.a{background:none}
#Menu{width:100%;height:100%;overflow:hidden;position:fixed;z-index:20;top:0;right:-100%;text-align:center;background:url(/images/alpha.fff.90.png);-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}

#Menu>ul{position:relative;top:80px;width:100%;}
#Menu >ul>li{line-height:40px;overflow:hidden;height:35px;font-size:2.2rem;font-weight:bold;}
#Menu >ul>li .m_z,#Menu >ul>li .m_e{}
#Menu >ul>li .m_z,#Menu >ul>li.a .m_e,#Menu >ul>li:hover .m_e{display:none;}
#Menu >ul>li.a .m_z,#Menu >ul>li:hover .m_z{display:block;font-weight:normal;font-size:2.2rem;}

#Menu li a{color:#595757;}
#Menu li a:hover,#Menu>ul>li.a>a{color:#000;}
/*#Menu >ul>li.a .m_z,#Menu >ul>li:hover .m_z{color:#595757;}*/
#Menu >ul>li.a .m_z{color:#595757;}
#Menu ul ul{margin:-15px auto 20px;text-align:center;}
#Menu ul ul li{height:25px;clear:both;font-size:1.2rem;font-weight:normal;text-transform:uppercase}
#Menu ul ul li a{color:#595757;text-align:center;padding:0 20px;}
/*#Menu ul ul li a:hover,#Menu ul ul li.a a{color:#000;}*/
#Menu ul ul li.a a{color:#000;}
#Menu.open{right:0;}

#Menu #Lan{position:relative;top:130px;width:100%;line-height:25px;}
#Menu #Lan a{padding:0 5px;}
#Menu #copyright{width:100%;position:absolute;bottom:20px;left:0;transform:scale(0.75);transform-origin:center top;display:none;}
#Menu #copyright img{width:120px}


.icolink{width:560px;margin:auto;}
.icolink a{width:100px;height:100px;background:url(/images/ico.png);display:block;float:left;overflow:hidden;padding:0;margin:0 20px 0;
-webkit-transition:all 1s;-moz-transition:all 1s; -o-transition:all 1s;}
.icolink .ico1{background-position:18px 10px;}
.icolink .ico2{background-position:-125px 10px;}
.icolink .ico3{background-position:-288px 10px;}
.icolink .ico4{background-position:-430px 12px;}
.icolink .ico1:hover{background-position:18px -128px;}
.icolink .ico2:hover{background-position:-125px -128px;}
.icolink .ico3:hover{background-position:-288px -128px;}
.icolink .ico4:hover{background-position:-430px -128px;}

#Menu #follow{width:100%;height:40px;position:absolute;bottom:20px;left:0;margin:auto;text-align:center;}
#Menu #follow .icolink{position:absolute;left:50%;margin-left:-280px;
transform:scale(0.3);
-ms-transform:scale(0.3);
-moz-transform:scale(0.3);
-webkit-transform:scale(0.3);
-o-transform:scale(0.3);

transform-origin:center top;
-ms-transform-origin:center top;
-moz-transform-origin:center top;
-webkit-transform-origin:center top;
-o-transform-origin:center top;
}
#Bottom #follow .icolink a{margin:0 20px;}
#Bottom #follow .icolink a:first-child{margin:0 20px 0 0}
.mfull{width:100%;height:100%;overflow:hidden;position:relative;}
.mfull .linkbutton{color:#595757;background:url(images/alpha.fff.50.png);margin:0 0 0 -57px;z-index:2;clear:both;}

.mfull ul{height:100%;}
.mfull ul li{position:relative;overflow:hidden;}
.mfull ul li img{min-width:100%;position:absolute;float:left;width:100%;-webkit-transition:all .6s;-moz-transition:all .6s; -o-transition:all .6s;}

#box{left:0;top:0;width:100%;height:100%;background:#fff;position:fixed;z-index:30;display:none}
#box .iframe{width:95%;margin-left:5%;position:absolute;top:50px;bottom:30px;left:0;overflow-y:scroll;}

#box2{width:260px;height:280px;position:fixed;top:50%;left:50%;margin:-160px 0 0 -130px;background:#fff;display:none;z-index:50;padding-bottom:30px;}
#box2 ul{margin:60px auto;width:150px;height:210px;background:url(/images/logo2.png) no-repeat center bottom; background-size:60%;}
#box2 ul li{display:none;}
#box2 ul li img{width:102px;margin-bottom:15px;}
#pagetitle{position:absolute;top:40%;left:50%;display:block;z-index:2;width:85%;max-width:800px;}
#pagetitle img{width:100%;margin:0 0 0 -50%;display:block;}

#pagelogo{position:absolute;top:60px;left:50%;z-index:2;}
#pagelogo img{position:relative;left:-50%;max-width:80%;}
#pagetodown{position:absolute;bottom:20px;left:50%;z-index:2;cursor:pointer;width:80px;margin-left:-40px;text-align:center;}
#pagetodown img{width:80%;-webkit-animation:pagetodown 1s linear 5;position:relative;}
@-webkit-keyframes pagetodown {
	40% {opacity:1;}
	60% {opacity:0;}
	100% {opacity:1;}
}

.bigshow{width:100%;height:100%;position:fixed;left:0;top:0;background:#fff;z-index:30;display:none;}
.bigshow ul{width:100%;height:100%;}
.bigshow li{width:100%;height:100%;overflow:hidden;}
.bigshow li img{max-height:100%;max-width:80%;}
.close{width:44px;height:44px;display:block;position:absolute;right:10px;top:10px;z-index:31;background:url('/images/close.png') no-repeat center center;background-size:50%;-webkit-transition:all .6s;-moz-transition:all .6s; -o-transition:all .6s;}
.close:hover{-webkit-transform: rotate(90deg);;}
.bigshow .tt{position:absolute;top:10px;left:0;z-index:10;width:60px;height:120px;font-size:2.8rem;text-align:center;color:#595757;font-weight:normal;}
.bigshow .tt span{clear:both;font-size:2rem;display:block;}

.showbox{position:relative;}
.showbox .swiper-button-prev{margin-left:15px;}
.showbox .swiper-button-next{margin-right:15px;}

.about{width:100%;text-align:center;background:#ECECEC;clear:both;overflow:hidden;color:#595757;}
.about .title{font-size:1.4rem;margin:75px auto 0;display:block;overflow:hidden;word-spacing:0px;letter-spacing:5px;font-weight:bold;line-height:28px;}
.about .title span{font-size:1.2rem;font-weight:normal;}
.about .p{width:75%;margin:50px auto 100px;font-size:14px;line-height:25px;text-align:justify}
.about_pic{width:100%;overflow:hidden;}
.about_pic img{width:100%;float:left}
.aboutvision{width:100%;text-align:center;background:#E8E8E8;clear:both;overflow:hidden;color:#595757;margin:0 auto 0;}
.aboutvision .pic{width:40%;float:left;}
.aboutvision .pic img{width:100%;float:left;}
.aboutvision .info{width:75%;margin:15% auto;font-size:1.4rem;line-height:25px;text-align:justify}
.aboutvision .info img{width:164px;}
.aboutmember{width:100%;text-align:center;background:#fff;clear:both;overflow:hidden;color:#595757;margin:0 auto 0;}
.aboutmember .pic{width:100%;display:inline-block;vertical-align:top;float:left;text-align:center;}
.aboutmember .pic img{width:100%;}
.aboutmember .info{width:100%;padding:50px 0;display:inline-block;vertical-align:top;font-size:1.4rem;line-height:25px;background:#F5F5F4;}
.aboutmember .info .floatleft,.aboutmember .info .floatright{width:50%;}
.aboutmember .info img{width:80%;float:left;margin-left:30px;}
.aboutmember .linkbutton{margin:0px 10% 0 0;clear:both;display:block;float:right;}
.aboutshopimg{width:100%;overflow:hidden;}
.aboutshopimg img{width:100%;float:left;}
.abouthr{margin:0;height:86px;}
.abouthr .pic{float:left;width:50%;height:100%;background:#F5F5F4;text-align:left;text-align:left;}
.abouthr .pic img{margin:25px 0 0 30px;width:60%;}
.abouthr .info{float:left;width:50%;text-align:right;height:100%;color:#595757;font-size:1.4rem;line-height:25px;background:url(/images/hr_r_bg.png) no-repeat left top;}
.abouthr .linkbutton{margin:30px 10% 0 0;display:inline-block;float:right;}

.aboutcontact{margin:30px 30px 30px;height:150px;background:url(images/contact.bg.png) left top;background-size:auto 100%;}
.aboutcontact .linkbutton{margin:15px 60px;display:inline-block;}
.aboutcontact .info{padding:30px 0 0;color:#595757;}
.aboutcontact .info b{font-weight:normal;font-size:16px;}

.contact{text-align:left;position:relative;padding:0 10%;color:#595757;line-height:28px;}
.contact h1{font-size:1.6rem;line-height:20px;text-align:left;width:100%;font-weight:bold;margin-bottom:60px;letter-spacing:5px;display:block;}
.contact h1 span{display:block;clear:both;font-size:1.4rem;}
.contact b{line-height:28px;}



#girltype{height:80px;margin:30px;overflow:hidden;}
#girltype .logo{float:left;margin-top:30px;}
#girltype ul{float:left;margin-left:30px;}
#girltype ul li{float:left;text-align:center;margin:0 15px;line-height:35px;font-size:1.4rem;}
#girltype ul li a{display:block;width:100%;height:100%;padding:15px;background:url(/images/dot.1.png) no-repeat center 85px;-webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s;}
#girltype ul li a:hover,#girltype ul li a.a{background-position:center 70px}
#girltype ul li span{display:block;clear:both;margin-top:-15px;font-size:1.2rem;}




#storelogo{text-align:center;overflow:hidden;}
#storelogo img{width:100%;max-width:154px;margin-top:80px;}


#slist{width:95%;margin:50px auto 20px;position:relative;z-index:1;}
	
	#ilist{display:none;width:100%;height:30px;line-height:30px;overflow:hidden;border-radius:18px;border:1px solid #595757;cursor:pointer;text-transform:capitalize;}
	#ilist #ic_{float:right;width:10%;height:30px;background:url(/images/is_.png) no-repeat right top;margin:-30px 10px 0 0;}
	#ilist #ic{float:left;width:96%;overflow:hidden;padding-left:4%;text-align:left;font-size:1.4rem;}
	#ilist #ic img{ vertical-align:middle;margin-left:10px;}
	#ilist #ic span{float:right;width:30%;text-align:left;}

	#ss{width:100%;line-height:30px;color:#595757;font-size:1.2rem;border-top:1px solid #ccc;text-align:center;border-bottom:1px solid #ccc;overflow:hidden;text-transform:capitalize;margin-top:10px;padding:30px 0 10px;}
	#ss ul li{width:25%;overflow:hidden;text-align:center;text-transform:uppercase;cursor:pointer;float:left;margin-bottom:10px;}
	#ss ul li span{display:none;}
	#ss ul li.a{clear:both;float:none;display:inline-block;margin-top:20px;width:40%}




.shoplisttitle{height:100%;text-align:center;position:relative;display:none;}
.shoplisttitle span{position:relative;top:50%;font-size:2.4rem;margin-top:-20px;}

#shoplist{width:100%;margin:100px auto 120px;clear:both;color:#717071;}
#shoplist li{overflow:hidden;padding:0 20px;text-align:left;font-size:1.2rem;line-height:25px;margin-bottom:20px;}
#shoplist li div{float:left;display:inline;vertical-align:middle;}
#shoplist li div.a{font-weight:bold;float:left;}
#shoplist li div.b{float:left;text-align:left;font-weight:bold;padding:0 0 0 5px;}
#shoplist li div.c{float:right;text-align:right;}
#shoplist li div.d{width:100%;clear:both;line-height:20px}
#shoplist h3{font-size:1.8rem;color:#595757;line-height:30px;width:100%;clear:both;text-align:center;text-transform:uppercase;font-weight:normal;margin-top:40px;padding-bottom:10px;border-bottom:0px solid #595757;}
#shoplist h3 span{text-transform:capitalize;padding-left:10px;}

.hr{text-align:left;position:relative;color:#595757}
.hr h1{font-size:1.6rem;line-height:20px;text-align:left;width:100%;font-weight:bold;margin-bottom:10px;letter-spacing:5px; }
.hr h1 span{display:block;clear:both;font-size:1.4rem;}

.hr ul{margin-top:30px;}
.hr li{margin-bottom:30px;}
.hr li b,.hr li strong{margin-top:20px;display:inline-block;font-weight:normal}
.hr li .title{font-size:1.6rem;font-weight:bold;}
.hr li.mail{text-align:center;padding:50px 0;}
.hr li.mail img{width:40px;}
.hr li.mail span{font-size:1.4rem}
#prev,#next{position:fixed;z-index:60;width:50px;height:70px;overflow:hidden;background:url(/images/pageto.png) no-repeat;cursor:pointer}
#prev{left:0;background-position:15px 25px;}
#next{right:0;background-position:-75px 25px}
#prev:hover{background-position:15px -75px;}
#next:hover{background-position:-75px -75px;}


#main{position:relative;width:100%;}
#main .bg{position:absolute;width:100%;left:0;top:0;}
#main .link a{display:block;position:absolute;background:#D0BCBD;}

.other{width:100%;height:100%;position:absolute;}
.other .alphabg{background:url(/images/alpha.000.50.png);position:absolute;top:20px;left:20px;right:20px;bottom:40px;}

#campaign{clear:both;text-align:left;overflow:hidden;display:inline-block;margin-top:100px;width:100%;}
#campaign>div{display:inline-block;clear:both;float:left;position:relative;}
#campaign img{display:inherit;width:100%;}


.swiper-container{position:relative;margin:0 auto;background:#efefef;}
.swiper-container a{display:block;width:100%;height:100%;}

#full{min-height:400px;margin:10px;overflow:hidden;}

#collection{overflow:hidden;position:relative;margin-top:100px;}
#collection li{width:33.3%;min-height:60px;float:left;position:relative;overflow:hidden;}
#collection li.big{width:66.6%;}
#collection li img{width:100%;height:100%;display:inherit;}
#collection li.s{}




#show{overflow:hidden;position:relative;margin-top:100px;width:100%;text-align:center;margin:20px auto;}
#show li{width:100%;margin:0 auto 100px;background:#000;position:relative;overflow:hidden;}
#show li a{display:block;width:100%;height:100%;background-size:80px auto;background-repeat:no-repeat;background-position:center;z-index:2;position:absolute;left:0;top:0;}
#show li img{width:100%;float:left;-webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s;}
#show li:hover img{opacity:.6;}

.showdetailbox{width:82%;float:left;margin:100px 0 100px 13%;clear:both;}

.fsfilmshow{width:100%;position:relative;}
.fsfilmshow img{width:100%;display:inherit}
.fsfilmshow a{display:block;width:100%;height:100%;background:url(/images/play.png) no-repeat center center;position:absolute;left:0;top:0;z-index:2;}
.fsfilmshow a:hover{background:url(/images/playm.png) no-repeat center center;}
#fsdetail{width:100%;margin:auto;overflow:hidden;position:relative;text-align:left;clear:both;line-height:25px;font-size:1.4rem}
#fsdetail b,#fsdetail strong{font-size:16px;color:#3E3A39;}
#fsdetail .bannerpic{margin:100px auto 50px;clear:both;overflow:hidden;}
#fsdetail .bannerpic img{width:100%;float:left;}
.fstitle{font-size:20px;clear:both;font-weight:bold;}










.content{width:90%;color:#595757;}
.content h1{font-size:1.6rem;line-height:20px;text-align:left;width:100%;font-weight:bold;margin-bottom:10px;letter-spacing:5px; }
.content h1 span{display:block;clear:both;font-size:1.4rem;}
.content .detail{font-size:1.2rem;text-align:left;}
.content .detail b,.content .detail strong{font-size:1.6rem;margin-top:20px;display:inline-block;}
.content .detail table{width:100%;}


#_canvas{display:none;}
/*#canvas{background:url(/images/index.jpg) #93c0d3 no-repeat center center;background-size:cover;position:fixed;left:0;top:0}*/
#canvas{background-color:#93c0d3; background-repeat:no-repeat; background-position:center;background-size:cover;position:fixed;left:0;top:0}

#indexlogo{width:30%;position:fixed;z-index:10;left:50%;top:50%;margin:-130px 0 0 -60px;}
#indexlogo img{width:100%;}

@media (max-width: 769px){
	.collction-picsWrap{
		margin-top: 55px !important;
	}
	.collction-picsWrap>div{
		transform: scale(1.2) !important;
	}
}