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

.duration0_5{
  -webkit-animation-duration: 0.3s !important;
  animation-duration: 0.3s !important;
}

.duration1{
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
}

.duration1_5{
  -webkit-animation-duration: 1.5s !important;
  animation-duration: 1.5s !important;
}

.duration2{
  -webkit-animation-duration: 2s !important;
  animation-duration: 2s !important;
}

.duration2_5{
  -webkit-animation-duration: 2.5s !important;
  animation-duration: 2.5s !important;
}

.duration3{
  -webkit-animation-duration: 3s !important;
  animation-duration: 3s !important;
}

.duration3_5{
  -webkit-animation-duration: 3.5s !important;
  animation-duration: 3.5s !important;
}

.duration4{
  -webkit-animation-duration: 4s !important;
  animation-duration: 4s !important;
}

.duration4_5{
  -webkit-animation-duration: 4.5s !important;
  animation-duration: 4.5s !important;
}

.duration5{
  -webkit-animation-duration: 5s !important;
  animation-duration: 5s !important;
}

.duration5_5{
  -webkit-animation-duration: 5.5s !important;
  animation-duration: 5.5s !important;
}

.duration6{
  -webkit-animation-duration: 6s !important;
  animation-duration: 6s !important;
}

.duration6_5{
  -webkit-animation-duration: 6.5s !important;
  animation-duration: 6.5s !important;
}

.duration7{
  -webkit-animation-duration: 7s !important;
  animation-duration: 7s !important;
}

.duration7_5{
  -webkit-animation-duration: 7.5s !important;
  animation-duration: 7.5s !important;
}

.duration8{
  -webkit-animation-duration: 8s !important;
  animation-duration: 8s !important;
}

.duration8_5{
  -webkit-animation-duration: 8.5s !important;
  animation-duration: 8.5s !important;
}

.duration9{
  -webkit-animation-duration: 9s !important;
  animation-duration: 9s !important;
}

.duration9_5{
  -webkit-animation-duration: 9.5s !important;
  animation-duration: 9.5s !important;
}

.duration10{
  -webkit-animation-duration: 10s !important;
  animation-duration: 10s !important;
}

.delay0_25{
  animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
}
.delay0_5{
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.delay0_75{
  animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
}
.delay1{
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.delay1_25{
  animation-delay: 1.25s;
  -webkit-animation-delay: 1.25s;
}
.delay1_5{
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
.delay1_75{
  animation-delay: 1.75s;
  -webkit-animation-delay: 1.75s;
}
.delay2{
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
.delay2_25{
  animation-delay: 2.25s;
  -webkit-animation-delay: 2.25s;
}
.delay2_5{
  animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}
.delay3{
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
}
.delay3_5{
  animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
}
.delay4{
  animation-delay: 4s;
  -webkit-animation-delay: 4s;
}
.delay4_5{
  animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
}
.delay5{
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
}
.delay5_5{
  animation-delay: 5.5s;
  -webkit-animation-delay: 5.5s;
}
.delay6{
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
}
.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;}

.subMenu{position: absolute; width: 100%; top: 60px; display: none; left: 0px; z-index: 100;}
.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;}


#main{max-width: 1920px; margin: 0px auto; min-width: 982px; background: #fff;}

#headerImgBlock{max-width: 1920px; min-width: 982px; margin: 0px auto; height: 1025px; background: -webkit-linear-gradient(top, #d0a9b1 0%, #d0a9b1 85%,#fff 100%); position: relative;}
#headerImg{width: 1920px; position: absolute; left: 50%; margin-left: -960px; bottom: 0px;}

#wrap{width: 100%; background: url('../images/bg.jpg') center top repeat-y;}
#content{width: 1260px; margin: 0 auto 0; background: url('../images/di.png') top center repeat-y;}
.block{width: 1100px; position: relative; margin-bottom: 40px; margin-left: auto; margin-right: auto; padding-bottom: 0px; padding-top: 20px;}
.proTitleBlock{padding-left: 60px; background: url('../images/titlebg.jpg') left top repeat-y; margin-left: -60px;}
.productContent{width: 810px; margin: 20px auto; position: relative;}
.proTitle{width: 22%;}
.proName{font-size: 28px; color: #077899; font-weight: bolder; margin: 20px 0px;}
.proPrice{font-size: 44px; color: #aa2f36; font-weight: bolder; margin: 20px 0px; line-height: 1.5;}
.buttonList{text-align: left; margin-bottom: 80px;}
.buttonBlock{display: inline-block; width: 198px; margin-right: 20px; position: relative; cursor: pointer;}

.storeBlock{position: absolute; display: none; z-index: 10; width: 80%; border: 2px solid #fff; background-color: #f1d1d9; overflow: hidden; left: 10%; top: 100%; border-radius: 10px; overflow: hidden;}
.storeBlock ul{width: 80%; margin: 0px auto;}
.storeBlock ul li{border-bottom: 1px solid #fff; padding: 10px 0px; text-align: center;}
.storeBlock ul li:last-child{border: 0px;}
.storeBlock ul li a{display: block; text-align: center; color: #aa2f36; font-size: 16px; line-height: 1.5;}

.open .storeBlock{display: block;}

.banner{width: 810px; margin: 20px auto; position: relative;}
.proImg{width: 50%; position: absolute; top: 5%; right: -70px;}
.proImg02{position: absolute; bottom: 0px; width: 35%; left: -80px;}

.proTitle02{width: 34%;}
.videoList{text-align: center; font-size: 0px;}
.videoBlock{width: 50%; display: inline-block; box-sizing: border-box; padding: 40px;}

#sownBlock{width: 100%; height: 100%; position: relative; overflow: hidden;}

.iconBlock{position: absolute; display: inline-block;}

.flash{width: 1210px; position: absolute; left: 50%; margin-left: -650px; top: 0px;}
#canvas{display: block; width: 100%;}
/*#logo{width: 200px; position: absolute; top: 50px; left: 50%; margin-left: 300px;}*/

img.hoverButton{display: none;}
.open img.hoverButton{display: block;}
.open img.actButton{display: none;}