html{background: none; padding: 0px; margin: 0px;}
body{margin: 0px; font-size: 16px !important; position: relative; background-size: cover; min-width: 1024px; overflow-x: hidden;}

html,body,div,p,span,input,select,textarea,strong,table,tr,td{font-family: "Microsoft YaHei" !important;}

p{margin:0px;}

a{text-decoration: none;}

a,a:hover,a:active,input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

ul,li{padding: 0px; margin: 0px; list-style: none;}

img.full{width: 100%; display: block;}

.pop{min-width: 300px; max-width: 600px; padding: 20px;}
.pop p{margin: 10px 0px;}
.pop p a{color: #666;}
.pop p a:hover{color: #666;}

.hide{display: none;}

.relative{position: relative;}
.absolute{position: absolute;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}

.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.clear{clear:both;}

input,textarea,select{border-radius: 0;}

.alpha90{filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;}
.alpha80{filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.alpha70{filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
.alpha60{filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
.alpha50{filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
.alpha40{filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40;}
.alpha30{filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30;}
.alpha20{filter:alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20;}
.alpha10{filter:alpha(opacity=10); -moz-opacity: 0.10; opacity: 0.10;}
.alpha00{filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

div.table-block {display: table; position: relative; overflow: hidden;}  
div.table-cell-block {vertical-align: middle; display: table-cell; *position: absolute; *top: 50%; width: 100%;}  
div.table-cell-block .content {*position: relative; *top: -50%; width: 100%;} 

.over{overflow: hidden;}

.w80{width: 80%; margin-left: auto; margin-right: auto;}
.w90{width: 90%; margin-left: auto; margin-right: auto;}

.fixed-top{position:fixed;bottom:auto;top:0px;}
.fixed-bottom{position:fixed;bottom:0px;top:auto;}
.fixed-left{position:fixed;right:auto;left:0px;}
.fixed-right{position:fixed;right:0px;left:auto;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
* html .fixed-top{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
* html .fixed-right{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
* html .fixed-bottom{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html .fixed-left{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}


header{width: 100%; background-color: #aec5c9; position: relative;}
header #top{height: 135px;}
header #menu{height: 60px; background-color: #dbb9c2; border-bottom: 1px solid #8a8e9a; text-align: center;}
header #logo{width: 360px; margin: 32px 0px; float: left;}
header #brother{width: 162px; margin: 46px 0px; float: right;}
header #top .menuList{float: right; margin: 46px 0px; padding-right: 30px;}
header #top .menuList li{display: inline-block;}
header #top .menuList li a{color: #4a4644; padding-left: 40px; line-height: 40px; font-size: 18px; display: inline-block;}
header #top .menuList li a:hover{text-decoration: none;}
header #top .menuList li #iconLink01{background-image: url('../images/icon01.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}
header #top .menuList li #iconLink02{background-image: url('../images/icon02.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}

header #menu ul{display: inline-block; margin: 0 auto;}
header #menu ul li,
header #menu ul li a{display: inline-block;}
header #menu ul li { padding: 14px 0px; margin-right: 20px;}
header #menu ul li a{padding-left: 40px; color: #474d4c; font-size: 18px; line-height: 32px; padding-right: 30px; border-right: 1px solid #fff;}
header #menu ul li a:hover{text-decoration: none; color: #fff;}
header #menu ul li #iconLink03{background-image: url('../images/icon03.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}
header #menu ul li #iconLink04{background-image: url('../images/icon04.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}
header #menu ul li #iconLink05{background-image: url('../images/icon05.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}
header #menu ul li #iconLink06{background-image: url('../images/icon06.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}

header #menu #searchForm{display: inline-block; margin-left: 20px;}
header #menu #searchForm input{display: block; font-size: 18px; padding: 5px 40px 5px 10px; width: 320px; border-radius: 30px; overflow: hidden; border: 0px; background: #e2c7ce url('../images/icon07.jpg') 280px center no-repeat;}

.dotList{margin: 20px 0px 40px;}
.dotList span.dot{width: 12px; height: 12px; background-color: #dbb9c2; border-radius: 6px; margin: 0px 5px; display: inline-block;}
.dotList span.dot.active{background-color: #aec5c9;}

.title{margin: 80px 0 20px; position: relative;}
.titleImg{width: 28%; position: absolute; top: -25%; left: 50%; margin-left: -14%;}
.content{position: relative; padding: 1px 0;}

#img01{width: 44%; margin-top: 10%; margin-bottom: 15%; position: relative; z-index: 2;}
#img02{width: 88%; position: absolute; top: 0px; right: -22%; z-index: 1;}

#img03{width: 86%; position: relative; z-index: 2; margin-left: -10%; margin-bottom: 5%;}
#img04{width: 38%; position: absolute; top: 0px; right: 0; z-index: 1;}

.swiper-container{-webkit-transform: scale(1.8); transform: scale(1.8); margin-top: 15%;  margin-bottom: 15%;}
.leftIcon{position: absolute; top: 50%; margin-top: -30px; left: 10%; width: 60px; z-index: 10; cursor: pointer;}
.rightIcon{position: absolute; top: 50%; margin-top: -30px; right: 10%; width: 60px; z-index: 10; cursor: pointer;}

#img06{margin: 20px 0px 40px;}
#img07{margin: 20px 0px 40px;}

.videoBlock{width: 50%; float: left; box-sizing: border-box; padding: 20px; cursor: pointer;}

.subMenu{position: absolute; width: 100%; top: 60px; display: none; left: 0px;}
.subMenuContent{border: 1px solid #dbb9c2; margin-top: 20px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.8);}
.dd{position: absolute; border-color: transparent transparent #fff transparent; border-width: 20px; border-style: solid; top: -19px;}

#subMenu01 .dd{ left: 260px; }
#subMenu02 .dd{ left: 440px; }

#subMenu01 ul{width: 90%; margin: 0px auto;}
header #menu #subMenu01 li{width: 33.3333%; float: left; margin-bottom: 20px; margin-right: 0px; padding: 0px; border: 0px;}
header #menu #subMenu01 li a{display: block; padding: 0px 0px; width: 80%; margin: 0px auto; border: 0px;}
header #menu #subMenu01 li a:hover{background: url('../images/star.gif') 35px center no-repeat; -moz-opacity: 1; opacity: 1;}

#subMenu02 .sidai{width: 90%; margin: 100px auto;}
#subMenu02 ul{width: 84%; position: absolute; left: 8%; height: 100%; top: 50px;}
header #menu #subMenu02 ul li{width: 16.6665%; float: left; padding: 20px 0; border: 0px; margin: 0px;}
header #menu #subMenu02 ul li:hover{background: url('../images/star.gif') 0px center no-repeat; background-size: 160px 160px;}
header #menu #subMenu02 ul li a{width: 120px; height: 120px; font-size: 14px; color: #fff; margin: auto; padding: 0px; border: 0px; line-height: 120px; background: url('../images/subyuan01.png') center no-repeat; background-size: 120px 120px;}
header #menu #subMenu02 ul li a:hover{background: url('../images/subyuan02.png') center no-repeat; background-size: 120px 120px; -moz-opacity: 1; opacity: 1; text-decoration: none; color: #666;}


#gotoTop{width: 50px; position: fixed; bottom: 50px; right: 50px; cursor: pointer;}


#canvas{display: block; width: 100%;}

#mask, #mask_video{width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.8); z-index: 50; display: none;}
#videoBlock{width: 960px; position: fixed; z-index: 60; left: 50%; margin-left: -480px; top: 20%; display: none;}
#videoBlock video{display: block; width: 100%;}
#closeVideo{width: 20px; position: absolute; right: 0px; top: -30px; cursor: pointer;}

#wxerBlock{width: 300px; position: fixed; z-index: 60; left: 50%; margin-left: -150px; top: 20%; display: none;}
#closeER{width: 20px; position: absolute; right: 0px; top: -30px; cursor: pointer;}


.popBlock{width: 600px; background-color: #DCDCDC; display: none;}
.shoppingBlock{ border-top: 2px solid #EB1464;}
.popBlock .storeLogo{width: 80px; background-color: #DCDCDC;  float: left;}
.popBlock .storeLogo span{display: block; width: 50px; margin: 0px auto; padding: 10px 0;}
.popBlock .storeList{min-height: 80px; background-color: #fff; float: left; width: 520px;}
.popBlock .storeList ul{padding: 10px 10px 20px;}
.popBlock .storeList ul li{width: 33%; float: left; line-height: 150%; margin: 5px 0;}
.popBlock .storeList ul li a{color: #999;}

@media screen and (max-width: 767px){

  .popBlock{width: 100%;}
  .popBlock .storeLogo{width: 100%; float: none;}
  .popBlock .storeList{width: auto; float: none;}

}

.fancybox-content{padding: 0px;}