html {font-size:10px;}
body {font-family:"Microsoft YaHei","SimSun","Arial";text-align:center;color:#949494;background:#f6f6f6;}
body,ul,li{margin:0px;padding:0px;list-style-type: none;}
a{color:#000;text-decoration: none;}
a img{border:none;}
input{border:1px solid #e8e8e8;background:#fff;height:30px;line-height:30px;font-size:14px;}
textarea{border:1px solid #e8e8e8;background:#fff;vertical-align: top;}
label{line-height: 30px;}
td{padding:0px;font-size:12px;}
.font_1{font-family:"Microsoft YaHei";font-weight:normal;}
.font_2{font-family:"Georgia";}
.HidContent{display:none;}
.space{clear:both;width:100%;height:0;overflow:hidden;}
.main{width:100%;font-size:1.4rem;line-height:30px;margin:0 auto;overflow:hidden;clear:both;text-align:left;background:#fff;position:relative;z-index:2;}
.mainshow{width:75%;margin: auto;color:#000;font-size:1.4rem;}
.mainshow h2{font-size:3rem;}



.red{color:#2e0c00}
/*定位*/
.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;}
.padding100{padding:100px;}
.mt50{margin-top:50px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.m10{margin:10px;}
.noborder{border:none;}
.h65{height:65%;}
.h90{height:90px;}
.h30{height:30px;}
.h100{height:100px;}
.opacity0{opacity:0;margin-top:100px;}
.opacity1{opacity:1}
/*动画效果*/
.anime500{-webkit-transition:all .5s;-moz-transition:all .5s; -o-transition:all .5s;}
.anime800{-webkit-transition:all .8s;-moz-transition:all .8s; -o-transition:all .8s;}
.anime300{-webkit-transition:all .3s;-moz-transition:all .3s; -o-transition:all .3s;}
.anime1500{-webkit-transition:all 1.5s;-moz-transition:all 1.5s; -o-transition:all 1.5s;}
.mshou{cursor:pointer;}
.bg80{width:100%;height:100%;background:url(/images/alpha.fff.80.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;}

.ptitle1{display:none;overflow:hidden;color:#000;text-align:center;margin:auto;height:100px;line-height: 100px;font-size:4vw;clear:both;background:#fff;text-transform:uppercase}

.drag1{height:100px;position:relative;width:90%;margin:auto;}
.drag1 .l0{background:url(/images/drag.png) #fff no-repeat center center;width:140px;height:100px;background-size: 60%;position:absolute;left:50%;top:50%;margin:-50px 0 0 -70px;z-index:2;}
.drag1 .l1{position:absolute;width:100%;height:1px;background:#979797;left:0;top:49.9%;}
.drag1 .l2,.drag1 .l3{position:absolute;width:1px;height:14px;background:#979797;left:0;top:49.9%;margin-top:-7px;}
.drag1 .l3{left:auto;right:0;}
.drag1.a .l0{background-color:#03033a}

.drag2{background:url("/images/line.1.png") repeat-y center top;}

.drag3{position:relative;margin:auto;}
.drag3 .l1,.drag3 .l2{position:absolute;width:70px;height:1px;left:50%;top:0;margin-left: -35px;background:#979797}
.drag3 .l2{top:auto;bottom: 0;}


#loading{position:fixed;display:flex;left:0;top:0;width:100%;height:100%;z-index:99;background:#000;text-align: center;}
#loading.o{height:0;}
#loading .loading{align-self:center;text-align: center;margin:auto;}
#loading .loading .loadtxt{font-size:12px;line-height: 40px;}
#loading .loading .pic{opacity: 0;width:200px;text-align: center;}
#loading .loading .pic img{width:50%;}
#loading .loading .loadtxt.animation{animation:1s loadtxt ease infinite;}
@keyframes loadtxt{
	0% { opacity:.3; }
	50% { opacity:.7; }
	100% { opacity:.3; }
}






.titlepic{width:100%;position: relative;text-align:center;}
.titlepic img{display:inherit;max-width:100%;}

.titlepic .title{position: absolute;width:100%;top:37%;color:#fff;}
.titlepic .title i,#campaignshow li .title b,#campaignshow li .title span{display:block;margin: auto;clear:both;}
.titlepic .title i{font-size:2.5vw;font-style: normal;}
.titlepic .title b{font-size:4.5vw;line-height:30px;}



.zoom{position: absolute;left:0;top:0;width:100%;height:100%;background:url("/images/alpha.000.60.png");opacity: 0;}
.zoom img{position: absolute;left:50%;top:50%;margin:-31px 0 0 -31px;}

.sdetail{padding:40px 0;font-size:16px;overflow: hidden;}
.sdetail b,.sdetail strong{font-size:18px;}

.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{width:100%;height:100%;position: fixed;left:0;top:0;overflow:hidden;z-index: 0;}





.line1{border-bottom:1px solid #050d2a;}
#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%;}
#totop:hover img{top:-35px;}



.linkbutton{width:110px;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:2rem;color:#fff;background:url(/images/alpha.000.80.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;font-size:1.6rem}
.actmouse i{clear:both;display:block;font-size:12px;font-style:normal;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}





#Mainshow{width:100%;height:100%;display: block;position: absolute;top:0;left:0;z-index:2;background:#000;}
#Mainshow #Show,#Mainshow #Show2{left:0;top:0;width:100%;height:100%;position:absolute;}
#Mainshow #Show2{height:65%;}
#Mainshow #pagetitle{position:absolute;top:50%;left:0;z-index:2;width:100%;color:#fff;text-align: left;}
#Mainshow #pagetitle.c{text-align:center;}
#Mainshow #pagetitle .title{margin-left:80px;font-family: 'Arial';font-size:60px;line-height:60px;}
#Mainshow #pagetitle.c .title{line-height:30px;}
#Mainshow #pagetitle .title span{display: block;clear: both;font-size:18px;color:#fff;font-family: "Microsoft YaHei";line-height: 50px;}
#Mainshow #pagetitle .tmall{width:200px;margin:60px auto 20px;text-align:left;background:#fff;border-radius: 10px;height:50px;font-size:20px;line-height:50px;}
#Mainshow #pagetitle .tmall img{width:33px;vertical-align:middle;margin:0 25px;}




#hello{position:absolute;left:5%;right:5%;top:0;color:#fff;z-index:25;height:40px;line-height: 40px;font-size:1.4rem;}




#Top{width:100%;height:130px;display: block;position:fixed;top:0;left:0;z-index:20;background:#000;}


#Top{width:100%;height:130px;display: block;position:fixed;top:0;left:0;z-index:20;background:url("/images/alpha.000.90.png")}

#Top #Logo{width:100%;text-align: center;margin:8px auto 7px;}
#Top #Logo img{height:60px;display:inline;}

#MenuTag{position:fixed;right:0;top:0px;z-index:30;width:60px;height:60px;cursor:pointer;background:#000;}
#MenuTag.m{left:0;right:auto;}
#MenuTag span{position:absolute;display:block;width:26px;height:2px;background:#ccc;right:17px;}
#MenuTag span.m_1{top:23px;width:20px;}

#MenuTag span.m_2{top:26px;display:none;}
#MenuTag span.m_3{top:32px;width:30px;}
#MenuTag:hover span.m_1{width:26px;}
#MenuTag:hover span.m_3{width:26px;}

#MenuTag.a span.m_1{top:26px;width:26px;-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:26px;opacity:0}
#MenuTag.a span.m_3{top:26px;width:26px;-webkit-transform:scale(1.1) rotate(135deg);-moz-transform:scale(1.1) rotate(135deg);-o-transform:scale(1.1) rotate(135deg);}



#Topspace{width:100%;height:60px;display: block;}
#Top{width:100%;height:60px;display: block;position:fixed;top:0;left:0;z-index:20;}
#Top #Logo{text-align: center;}
#Top #Logo img{height:20px;margin-top:12px;}



#Top #Tnav{min-width:800px;height:100%;line-height:80px;left:100px;right:100px;top:0;z-index: 21;position:absolute;}
#Top #Tnav>ul>li{min-width:80px;display:inline-block;font-weight:bold;font-size:1.4rem;vertical-align:top;position:relative;height:80px;overflow:hidden;}
#Top #Tnav>ul>li ul{/*background:url(../images/space.png);*/padding:5px 0;position:absolute;width:100%;left:0;right:0;}
#Top #Tnav>ul>li li{font-size:1.4rem;line-height:40px;font-weight:normal;}
#Top #Tnav>ul>li li:hover{font-weight:bold}
#Top #Tnav>ul>li.a{height:280px;}
#Top #Tnav>ul>li>a{color:#1f2a38;padding:0 23px;display:block;height:80px;}
#Top #Tnav>ul>li li a{width:100%;height:100%;display:block}

#Top #Tnav a:hover{/*background:url(../images/space.png)*/}
#Top #Tnavbg{display:block;position:absolute;left:0;top:80px;right:0;height:0;background:#fff;z-index:20;}
#Top #Tnavbg.a{height:220px;}


#nav{width:100%;height:100%;text-align:center;line-height:60px;top:0;right:-100%;bottom:0;z-index: 21;position:fixed;background:#000;overflow:auto;}
#nav #navlogo{height:100px;margin-bottom:10px;}
#nav #navlogo img{height:25px;margin-top:50px;}
.nav{max-width:500px;margin:auto;}
.nav>li{display:block;font-weight:bold;font-size:1.4rem;position:relative;height:60px;overflow:hidden;border-top:1px solid #333;}
.nav>li ul{background:url(/images/alpha.000.80.png);padding:5px 0;position:absolute;width:100%;left:0;right:0;}
.nav>li li{font-size:1.4rem;line-height:40px;font-weight:normal;}
.nav>li li:hover{font-weight:bold}
.nav>li.a{height:320px;}
.nav>li>a{color:#fff;padding:0 23px;display:block;height:60px;}
.nav>li li a{width:100%;height:100%;display:block;color:#ccc;}

#nav a:hover{background:#404040}

#nav.open{right:0;}

.lannav{margin:auto;}
.lannav li{display:inline-block;padding:0 10px;background:#f3f3f3;line-height:30px;min-width:30px; border-radius:3px;}
.lannav li.a,.lannav li:hover{font-weight:bold;}









#ifx{width:100%;overflow: hidden;position: relative;height: 200px;background:url(/images/ifx.jpg) no-repeat center center;background-size:cover;text-align: center;}
#ifx > img{width:100%;display: inherit;}
#ifx .title{height:80px;width:100%;position: absolute;left:0;top:35%;color:#fff;font-size:1.6rem;}
#ifx #tubiao{margin:auto;}




/*#Top #nav.a .r a{border-left: 1px solid #e5e5e5}*/
#BottomSpace{width:100%;display:block;clear:both;}
#Bottom{position:relative;clear:both;line-height:45px;background:#060606;color:#fff;}
#Bottom .box{margin:0 auto;overflow:hidden;padding-top:20px;}
#Bottom a{color:#5c6577;}
#Bottom #Bnav{}
#Bottom #Bnav>ul{margin:0 auto;overflow:hidden;text-align: center;}
#Bottom #Bnav>ul>li{line-height:50px;font-size:1.4rem;font-weight:bold;display:inline-block;margin:0 23px;vertical-align: top;text-align:center;}
#Bottom #Bnav>ul>li ul{font-weight:normal;font-size:1.2rem;line-height:30px;color:#838383;}
#Bottom #Bnav>ul>li ul a{color:#838383;}

#Bottom #Bdy{clear: both;text-align:center;}
#Bottom #Bdy b{line-height:50px;font-size:1.4rem;font-weight:bold}
#Bottom #Bdy input{width:80%;max-width:300px;height:30px;line-height:30px;border:none;background:#fff;text-align:center;clear: both;}
#Bottom #Bdy .send{background:#bb8811;color:#fff;}


#Bottom #copyright{clear:both;text-align:center;overflow:hidden;width:100%;padding:20px 0;}
#Bottom #copyright .floatright{color:#eaeaea;float: none;clear: both;}
#Bottom #copyright .floatright a{color:#eaeaea;padding:0 5px;}
#Bottom #copyright .lan{height:17px;line-height:17px;font-size:12px;margin:0 20px;}
#Bottom #copyright .lan a{display:block;padding-left:35px;padding-right:20px;}
#Bottom #copyright .lan.en{background:url("/images/lan_en.jpg") no-repeat left top;}
#Bottom #copyright .lan.zh{background:url("/images/lan_zh.jpg") no-repeat left top;}
#Bottom #copyright .floatleft{float: none;clear: both;}
#Bottom #copyright .floatleft span{display:inline-block;}








.icolink{width:30px;height:30px;margin:10px 5px 0 5px;display:inline-block;position:relative;background-size:100%;background-position:bottom center;background-repeat:no-repeat;transform: scale(0.85);}
.icolink a{width:100%;height:100%;display:block;}
.icolink.wb{background-image:url(/images/ico.wb.png);}
.icolink.wx{background-image:url(/images/ico.wx.png);}
.icolink.yk{background-image:url(/images/ico.yk.png);}


.icolink .pic{display:none;position:absolute;width:200px;height:200px;left:-85px;bottom:50px;z-index:2}
.icolink .pic img{width:100%;}
.icolink:hover .pic{display:block;}
.icolink:hover{background-position:bottom center;}






#iBanner{width:100%;background:#fff;position:relative;z-index:2;overflow:hidden;}
#iBanner ul{}
#iBanner ul li{width:100%;}
#iBanner ul li img{width:100%;display: inherit;}
#iBanner .title{width:100%;left:0;top:35%;z-index:2;color:#fff;text-align: center;margin:auto;position: absolute;}
#iBanner .title h2{font-size:5vw;font-weight: 200;text-transform:uppercase;}
#iBanner .title>span{display:block;clear:both;font-size: 2.0vw;font-weight: 100;}
#iBanner a{color:#f2f2f2}
#iBanner a:hover{background-color:#bb8811;}
#iBanner .swiper-pagination{width:100%;height:20px;bottom:10px;margin:0 auto 0;position:absolute;top:auto;}
#iBanner .swiper-pagination-bullet {width:60px;height:20px;background:url("/images/s_1.png") no-repeat center center;opacity:1;margin:0 auto}
#iBanner .swiper-pagination-bullet-active{background:url("/images/s_2.png") no-repeat center center;}

#iBritish{width:100%;overflow:hidden;color:#000;}
#iBritish .title{/*background:url("/images/i.British.t.png") no-repeat center center ;*/margin:30px auto;font-size:20px;overflow:hidden;}
#iBritish .detail{font-size:1.4rem;width:90%;margin:auto;}
#iBritish .style ul{margin:50px auto;display:flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden;}
#iBritish .style ul li{width:30%;float:left;text-align: center;color:#df170b;}
#iBritish .style ul li img{width:100%;}
#ifilm{background:#fff;overflow:hidden;}
#ifilm .detail{width:90%;margin:10px auto 5px;overflow: hidden;}
#ifilm .detail p{margin: 5px auto;}
#ifilm .detail .title{width:100%;font-size:1.4rem;color:#00004e;text-align: center;margin-top:10px;word-wrap:keep-all;}
#ifilm .detail .title span{font-size:1.2rem;}
#ifilm .detail .film{width:100%;position:relative;}
#ifilm .detail .film>img{width:100%;display: inherit;}
#ifilm .detail .film video{width:100%;height:100%;min-height:400px;object-fit: cover;}
#ifilm .detail .film .play{position:absolute;top:50%;margin-top:-30px;text-align:center;width:100%;}
#ifilm .detail .film .play img{width:60px;}
#ifilm .detail .film:hover>img{-webkit-filter: brightness(.6);filter: brightness(.6);}

.film{width:90%;margin:20px auto;position:relative;}
.film>img{width:100%;display: inherit;}
.film video{width:100%;height:100%;min-height:300px;object-fit: cover;}
.film .play{position:absolute;top:50%;margin-top:-55px;text-align:center;width:100%;}
.film:hover>img{-webkit-filter: brightness(.6);filter: brightness(.6);}



#ishow{background-color:#03033a;overflow:hidden;}
#ishow .detail{width:90%;margin:30px auto 0;overflow: hidden;}
#ishow .detail .title{background:#03033a;padding:20px 0;overflow:hidden;}
#ishow .detail .title b{display:block;font-size:2.0rem;color:#fff;}
#ishow .detail .title span{display:block;font-size:1.4rem;margin-top:10px;}

.icampaign{width:100%;overflow:hidden;}
.icampaign ul{overflow:hidden;}
.icampaign li{overflow:hidden;margin:30px 0;position:relative;}
.icampaign li .pic{width:100%;}
.icampaign li .pic img{width:100%;}
.icampaign li .pic:hover img{-webkit-filter: brightness(.6);filter: brightness(.6);}

.icampaign li .info{width:100%;height:100%;overflow: hidden;position:absolute;z-index:2;left:0%;top:0%;background: url(/images/alpha.000.50.png);display: flex;align-items: center; justify-content: center;}
.icampaign li .info .infoa{width:90%;margin:auto auto;line-height: 25px;}
.icampaign li .info .infoa b,.icampaign li .info .infoa strong{font-size:1.8rem;color:#fff;font-weight: 300;margin: 10px auto;display: block;}
.icampaign li .info .infoa .p{font-size:1.2rem;color:#fff;line-height:25px;width:100%;margin:auto;}
.icampaign li .info .infoa .p p{margin:0;}
.icampaign li .info .infoa a{font-size:4rem;color:#fff;font-weight: 100;display:block;clear:both;width:80px;height:80px;margin:auto;line-height:75px;background:url("/images/link.bg1.png") no-repeat center center;background-size:80%;}


.icollection{width:100%;overflow:hidden;}
.icollection ul{overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;background:#03033a;padding:50px 0  0px}
.icollection li{width:48%;float: left;margin-bottom: 20px;}
.icollection li .pic{width:100%;}
.icollection li .pic img{width:100%;display:inherit;}
.icollection li .info{padding:10px 0;text-align:left;display: none;}
.icollection li .info b{font-size:1.6rem;color:#fff;font-weight: 300;display:none;}
.icollection li .info .p{font-size:1.2rem;color:#959595;line-height:30px;width:100%;margin:auto;text-align: center;}
.icollection li .info a{text-align:center;font-size:1.2rem;margin-top:20px;color:#fff;display:block;clear:both;width:120px;height:30px;line-height: 30px;border:1px solid #fff;}
.icollection li .info a:hover{background:#bb8811;}






#iabout{background-color:#fff;overflow:hidden;}
#iabout .detail{width:90%;margin:00px auto 0;overflow: hidden;}
#iabout .detail .title{background:#fff;padding:30px 0;overflow:hidden;}
#iabout .detail .title b{display:block;font-size:2rem;color:#000;}
#iabout .detail .title span{display:block;font-size:1.2rem;margin-top:10px;}
#iabout .iaboutshow{background:#fff;}

.iaboutshow ul{overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;padding:20px 0}
.iaboutshow li{float: left;vertical-align: top; }
.iaboutshow li .pic{width:100%;}
.iaboutshow li .pic img{width:100%;display:inherit;}
.iaboutshow li .info{padding:10px 0;text-align:center;}
.iaboutshow li .info b{font-size:1.4rem;color:#000;font-weight: 300;}
.iaboutshow li .info .p{font-size:1.2rem;color:#959595;line-height:30px;width:100%;margin:auto;}
.iaboutshow li .info a{color:#000;}












#comment{}
#comment label,#comment input,#comment textarea{margin:10px 10px;}
#comment input,#comment textarea{width:80%;}
#comment textarea{height:120px;}
#comment .send{width:120px;height:40px;float:left;background:#2e0d00;border-radius: 5px;color:#fff;margin:20px auto 20px 60px;text-align:center;line-height:40px;cursor:pointer}
#comment .send:hover{background:#000;}
#baidumap{width:100%;height:500px;margin:0;background:#ccc;}

#pagetype{width:60%;max-width:1000px;padding:40px 0;text-align:center;font-size:14px;margin:auto auto 50px;border-bottom:1px solid #081458;}
#pagetype li{display:inline-block;margin:0 20px;text-align:center;line-height:30px; vertical-align: top;border-bottom:2px solid #fff}
#pagetype li.a,#pagetype li.a a{color:#081533;border-color:#050d2a}
#pagetype.m{width:90%;margin:auto }
#pagetype.m li{margin:0 10px;}


#campaign{width:100%;margin:0 auto;overflow:hidden;background:#fff;}

#campaign ul{overflow:hidden;}
#campaign li{width:100%;position: relative;}

#campaign li img{display: inherit;max-width: 100%;}
#campaign li:hover img{-webkit-filter: brightness(.6);filter: brightness(.6);}

#campaign li .title{position: absolute;width:100%;left:0;bottom:40px;}
#campaign li .title i,#campaign li .title b,#campaign li .title span{display:block;margin: auto;clear:both;color:#fff;}
#campaign li .title i{font-size:1.2rem;color:#f6f6f6;}
#campaign li .title b{font-size:2rem;font-weight: 500;}
#campaign li .title span{font-size:1.6rem;border:1px solid #fff;padding:3px;width:150px;line-height: 30px;cursor:pointer}
#campaign li .title span:hover{background:#bb8811;}








#campaignshow{width:100%;margin:auto;}

#campaignshow .info{background:#fff;padding:20px;}
#campaignshow .info b{color:#000;font-size:2rem;}
#campaignshow .info p{color:#474747;font-size:1.6rem;line-height: 25px;}
#campaignshow .showlist{background:#fff;overflow:hidden;padding:50px 0;}
#campaignshow .showlist ul{display:block;overflow:hidden;}
#campaignshow .showlist li{display:block;overflow:hidden;background:#f3f3f3;position: relative;}
#campaignshow .showlist li>img{width:100%;display: inherit;}
/*#campaignshow .showlist li .zoom{position: absolute;left:0;top:0;width:100%;height:100%;background:url("/images/alpha.000.60.png");opacity: 0;}
#campaignshow .showlist li .zoom img{position: absolute;left:50%;top:50%;margin:-31px 0 0 -31px;}*/
#campaignshow .showlist li:hover>img{}
#campaignshow .showlist li:hover .zoom{opacity: 1;}

.bigshow{width:100%;height:100%;position:fixed;left:0;top:100%;background:url("/images/alpha.000.90.png");z-index: 30;}
.bigshow .swiper{width:100%;height:100%;}
.bigshow li{overflow:hidden;text-align:center;width:100%;display: flex;justify-content: center;align-items: center;}
.bigshow li img{max-height:100%;max-width: 100%;margin: auto;display: flex;flex-direction: column;}
.bigshow .close{width:44px;height:44px;display:block;position:absolute;right:10px;top:10px;cursor:pointer;z-index:15;background:url('/images/close.png') no-repeat left top;}
.bigshow .close:hover{opacity:.5}
.bigshow .swiper-pagination{left:0;bottom:10px;font-size:14px;color:#929292;}
.bigshow.o{top:0;}


#collection{width:100%;overflow: hidden;position: relative}
#collection .type{width:15%;float:left;min-width:100px;padding:30px 0 0 30px;text-align:left;display:none;}
#collection .type.a{position:absolute;}
#collection .type b{font-size:1.6rem;line-height: 50px;color:#000;}
#collection .type ul{overflow:hidden;}
#collection .type ul li{line-height:50px;font-size:1.4rem;overflow: hidden;border-top:1px solid #e6e6e6;color:#000;}
#collection .type ul li a{color:#000;display:block;width:100%;height:100%;}
#collection .type ul li.a a,#collection .type ul li:hover a{color:#bb8811;}


#collection .list{width:90%;text-align: left;margin:auto;padding-top:20px;}
.collectionlistboxbg{position:fixed;z-index:0;width:100%;height:100%;left:0;top:60px;background-size:cover;background-repeat: no-repeat;filter: grayscale(100%);filter: gray;}
.collectionlistboxbg canvas{width:100%;height:100%;}


#collection .list b{font-size:2.2rem;font-weight: bold;color:#000;float:left;}
#collection .list p{font-size:1.4rem;text-align:center;color:#404040;}
#collection .list span{font-size:2rem;font-weight: bold;padding-top:30px;color:#000;}
#collection .list .lbanner{width:100%;clear:both;}
#collection .list .lbanner img{width:100%;}
#collection .list ul{margin:0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#collection .list ul li{font-size:1.4rem;float:left;margin-bottom: 5%;}
#collection .list ul li:first-child{height:230px;overflow:hidden;position:relative;display: flex;align-items: center;justify-content: center;}
#collection .list ul li .pic{width:100%;position: relative;}
#collection .list ul li .pic>img{width:100%;display: inherit;}
#collection .list.a{width:100%;padding:0 0 0 0;}
#collection .list ul li .info{padding:10px 0;font-size:1.2rem;color:#525252;text-align: left;display:none;}
#collection .list ul li .info b{font-size:1.4rem;color:#000;clear:both;display: block;font-weight: normal;}
#collection .list ul li .info p{clear:both;display:block;text-align: left;}
#collection .listlike{width:90%;margin:30px auto;}
#collection .listlike .showlike{text-align: left;font-size:1.6rem;color:#000;font-weight: bold;}



#collection .show{width:90%;margin:20px auto;position: relative;overflow:hidden;}
#collection .propic{width:100%;text-align:center;padding:0;overflow:hidden;position:relative;}
#collection .propic .swiper-wrapper{display :flex;align-items: center}
#collection .propic .swiper-slide{text-align:center;}
#collection .propic img{max-width:90%;}
#collection .propic .swiper-pagination{position:absolute;width:100%;left:0;height:30px;}
#collection .propic .swiper-pagination span{background:#0c2655;}



#collection .show .info{width:100%;float:right;margin:10px 0 20px;text-align: left;}
#collection .show .info.a{position:absolute;right:0;}
#collection .show .info .title{font-size: 1.6rem;font-weight: bold;text-align: center;line-height:50px;color:#000;padding:10px 0;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
#collection .show .info .prono{font-size:1.2rem;color:#ccc;line-height:35px;border-bottom:1px solid #ededed;}
#collection .show .info .prodetail{font-size:1.4rem;line-height:30px;border-bottom:1px solid #ededed;}


#giftlist{width:100%;background:#fff;padding: 30px 0;}
#giftlist ul{width:90%;margin:0 auto 50px;overflow: hidden;}
#giftlist .pic{width:100%;}
#giftlist .pic img{max-width:100%;display: inherit;}
#giftlist li {margin-bottom:50px;}
#giftlist li .info{margin:10px 0;text-align:left;}
#giftlist li .info .title{font-size:1.6rem;color:#000;line-height:30px;}
#giftlist li .info .key{font-size:1.2rem;}
#giftlist li .info .link{font-size:1.4rem;clear: both;padding:5px 10px;border:1px solid #000;display: block;margin-top:15px;width:100px;text-align:center;color:#000;}
#giftlist li .info:hover .link{background:#bb8811;color:#fff;border-color:#bb8811}



#news{width:100%;background:#fff;overflow: hidden;}
#news .list{width:90%;margin:30px auto;overflow: hidden;}
#news .list ul{display:flex;justify-content:space-between;flex-wrap:wrap;overflow: hidden;}
#news .list ul li{width:46%;font-size:1.4rem;float:left;padding:0 0 20px;}
#news .list ul li .pic{width:100%;position: relative;}
#news .list ul li .pic>img{width:100%;display: inherit;}
#news .list ul li:hover .pic .zoom{opacity:1;}
#news .list ul li .info{height:50px;overflow:hidden;line-height:25px;margin-top:8px;}



#newsdetail{width:100%;background:#fff;padding-bottom: 100px;}
#newsdetail .title{width:90%;margin:auto;text-align: center;display: flex;justify-content: center;align-items: center;}
#newsdetail .title h1{padding-top:30px;font-size:1.8rem;color:#000;line-height:30px;display: flex;flex-direction: column;}
#newsdetail .title .addtime{font-size:1.2rem;margin-top:0px;font-weight: normal;}
#newsdetail .detail{width:90%;margin:auto;display:block;clear: both;font-size:1.3rem;line-height:30px;color:#1b1b1b;padding:20px 0;text-align: left;}
#newsdetail .detail img{max-width:100%;}
#newsdetail .detail .floatleft,#newsdetail .detail .floatright{float:none;clear:both;width:100%;}
#newsdetail .detail video{max-width:100%;max-height:250px;}

#newsdetail .showlist2{width:90%;margin:50px auto;overflow:hidden;}
#newsdetail .showlist2 ul{display:block;overflow:hidden;}
#newsdetail .showlist2 li{display:block;overflow:hidden;box-sizing: border-box	;border:0px solid #fff;border:0 solid #fff;margin-bottom: 90px;}
#newsdetail .showlist2 li .pic{width:100%;margin:auto;}
#newsdetail .showlist2 li .info{width:100%;font-size:14px;padding-top:50px;text-align: left;color:#1c1b1b;}
#newsdetail .showlist2 li .info img{margin-top:30px;max-width:70%;}

#newsdetail .showlist2 li img{max-width:100%;display: inherit;transition: 1s cubic-bezier(.645,.045,.355,1);}
#newsdetail .showlist2 li:nth-of-type(even) .info,#newsdetail .showlist2 li:nth-of-type(even) .info p{text-align: right;}
#newsdetail .showlist2 li:nth-of-type(even) .info p img{display:inline-block;}




#aboutdetail{width:100%;background:#fff;overflow: hidden;position: relative}
#aboutdetail .type{width:15%;float:left;min-width:100px;padding:30px 0 0 30px;text-align:left;}
#aboutdetail .type.a{position:absolute;}
#aboutdetail .type b{font-size:1.6rem;line-height: 50px;color:#000;}
#aboutdetail .type ul{overflow:hidden;}
#aboutdetail .type ul li{line-height:50px;font-size:1.4rem;overflow: hidden;border-top:1px solid #e6e6e6;color:#000;}
#aboutdetail .type ul li a{color:#000;display:block;width:100%;height:100%;}
#aboutdetail .type ul li.a a,#aboutdetail .type ul li:hover a{color:#bb8811;}

#aboutdetail .detail{width:78%;float:right;text-align: left;padding:60px 30px 20px 0;color:#000;min-height: 800px;}
#aboutdetail .detail .title{font-size:4rem;text-align: center;}
#aboutdetail .detail .showdetail{font-size:1.6rem;width:90%;margin:50px auto;}
#aboutdetail .detail .showdetail img{max-width:98%;}

#filmlist{width:100%;background:#fff;padding: 30px 0;}
#filmlist ul{width:95%;margin:0 auto;overflow: hidden;}
#filmlist .pic{width:100%;position:relative;background:#000;}
#filmlist .pic img,#filmlist .pic video{max-width:100%;display: inherit;}

#filmlist .pic .play{position:absolute;width:100%;height:100%;left:0;top:0;background:url("/images/play.png") no-repeat center;background-size:100px;}
#filmlist li:hover .pic img{opacity:.6;}
#filmlist li {margin-bottom:30px;}
#filmlist li .info{margin:10px 0;text-align:center;}
#filmlist li .info .title{font-size:1.6rem;color:#000;line-height:50px;}
#filmlist li .info .key{font-size:1.2rem;}
#filmlist li .info .link{font-size:1.4rem;clear: both;padding:5px 10px;border:1px solid #000;display: block;margin-top:15px;width:100px;text-align:center;color:#000;}
#filmlist li .info:hover .link{background:#bb8811;color:#fff;border-color:#bb8811}





.pagelist{display:block;clear:both;text-align:center;margin:30px auto;font-size:1.6rem;}
.pagelist a{height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #fff;box-sizing: border-box;font-size:1.6rem;vertical-align:bottom;display:inline-block;}
.pagelist a.a{border-bottom:3px solid #081458;}




.showpic{position:fixed;left:0;right:60px;top:80px;bottom:50px;background:#fff;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position: center center;}
.showpic.m{right:0;}

.lgongsi{width:100%;overflow:hidden;margin:120px auto;position:relative;}
.lgongsi .pic{width:55%;float:left;overflow:hidden;}
.lgongsi .pic img{width:100%;display:inherit;}
.lgongsi .info{width:30%;right:0;bottom:0;position:absolute;}
.lgongsi .info h3{font-size:2rem;margin-bottom: 20px;color:#000;}
.lgongsi .info .p{font-size:1.4rem;color:#3f3f3f;line-height:30px;padding-bottom: 120px;border-bottom: 2px solid #000;}
.lgongsi .info .link{background:#000;color:#fff;height:60px;line-height:60px;display:block;margin-top:35px;width:100%;text-align: center;}


.brandcollection{width:100%;overflow:hidden;}
.brandcollection ul{overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;padding:50px 0}
.brandcollection li{width:33.333%;float: left;position: relative;}
.brandcollection li .pic{width:100%;}
.brandcollection li .pic img{width:100%;display:inherit;}
.brandcollection li .info{text-align:left;position: absolute;width:100%;height:30px;line-height:30px;left:0;bottom:10px;background:url("/images/alpha.000.50.png");}
.brandcollection li .info a{color:#fff;padding:0 20px;}




.bcampaign{width:100%;overflow:hidden;position:relative;}
.bcampaign img{width:100%;display: inherit;}
.bcampaign .title{position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/alpha.000.80.png");color:#fff;text-align: center;}
.bcampaign .title b{display:block;margin-top:15%;font-size:3.2rem;font-weight: 200;width:100%;line-height: 4rem;text-transform:uppercase}
.bcampaign .title a{display:block;padding:5px 30px;background:#bb8811;color:#fff;width:120px;margin:20px auto}
.bstyle{padding:100px 0;}
.bstyle ul{width:75%;margin:auto;overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.bstyle ul li{width:30%;float: left;overflow:hidden;text-align: center;}
.bstyle ul li .title{font-size:1.6rem;color:#000;line-height: 3rem;}
.bstyle ul li .p{font-size:1.4rem;padding:0 10px;}






#store{width:100%;background:#fff;position: relative;overflow: hidden;}
#store #map{width:100%;height:700px;overflow: hidden;padding-bottom: -30px;}
#store .anchorBL{display:none;} 
#store .list{width:380px;position: absolute;top:90px;right:20px;bottom:20px;background:#fff;}
#store .list ul{display:block;height:500px;overflow-y: auto;}


#store #shopkey{background:url(/images/ico_s.png) no-repeat 20px 10px;padding-left:50px;height:55px;border-bottom: 1px solid #efefef;overflow:hidden;text-align: left;margin:10px 0;}
#store #shopkey input{width:90%;height:40px;border:1px solid #efefef;;background:#efefef;}
#store .list li{border-bottom:1px solid #eee;padding:10px 50px;font-size:12px;line-height:18px;color:#717071;text-align:left;cursor:pointer;margin:0 10px 10px;background:url("/images/logo.o.png") #efefef no-repeat 5px 15px;background-size:35px;}
#store .list li .brandname{font:16px/20px BebasNeuewebfont;color:#000;}
#store .list li .shopname{color:#000;}
#store .list li .shopadd{}
#store .list li .shoptel{}

#store .detail{width:90%;margin:40px auto;text-align: left;font-size:1.6rem;color:#333;line-height: 30px;}
#store .detail strong{font-size:2rem;color:#000;font-weight: 500;}
#store .detail p{margin:5px 0;}
#store .showlist{width:90%;margin:10px auto 50px;overflow:hidden;}
#store .showlist ul{display:block;overflow:hidden;}
#store .showlist li{display:block;overflow:hidden;position: relative;box-sizing: border-box	;border:0px solid #fff;border:0 solid #fff;}
#store .showlist li>img{width:100%;display: inherit;transition: 1s cubic-bezier(.645,.045,.355,1);}
#store .showlist li:hover{}
#store .showlist li.big:hover>img{transform:scale(1.03);}
#store .showlist li:hover .zoom{opacity: 1;}
#store .showlist li .p{line-height:30px;font-size:16px;margin-top:20px;color:#333;}


#box{top:100px;width:70%;max-width:1000px;min-width:400px;bottom:100px;background:url(/images/alpha.fff.90.png) #fff;position:fixed;}
#box .iframe{width:96%;margin:0 3%;position:absolute;top:60px;bottom:60px;left:0;overflow-y:auto}


#box2{width:330px;height:330px;position:fixed;top:50%;left:50%;margin:-165px 0 0 -165px;background:#fff;display:none;z-index:50;}
#box2 ul{margin:90px 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;}

#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;}


.content{width:80%;color:#595757;text-align:left;padding:0 10%}
.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{text-align:justify;}
.content .detail b,.content .detail strong{font-size:1.6rem;margin-top:20px;display:inline-block;}
.content .detail table{width:100%;}