body{background: #f9f9f9;}

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

/* .clicked{box-shadow: 0px 0px 10px #999;} */

.relative{position: relative;}

.w960{width: 960px; margin: 0px auto;}

header{width: 100%; background-color: #aec5c9; position: relative; z-index: 10;}
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('https://www.brother.cn/minisite/candylabel/images/icon01.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}
header #top .menuList li #iconLink02{background-image: url('https://www.brother.cn/minisite/candylabel/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('https://www.brother.cn/minisite/candylabel/images/icon03.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}
header #menu ul li #iconLink04{background-image: url('https://www.brother.cn/minisite/candylabel/images/icon04.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}
header #menu ul li #iconLink05{background-image: url('https://www.brother.cn/minisite/candylabel/images/icon05.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 30px 30px;}
header #menu ul li #iconLink06{background-image: url('https://www.brother.cn/minisite/candylabel/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('https://www.brother.cn/minisite/candylabel/images/icon07.jpg') 280px center no-repeat;}


.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('https://www.brother.cn/minisite/candylabel/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('https://www.brother.cn/minisite/candylabel/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('https://www.brother.cn/minisite/candylabel/images/subyuan01.png') center no-repeat; background-size: 120px 120px;}
header #menu #subMenu02 ul li a:hover{background: url('https://www.brother.cn/minisite/candylabel/images/subyuan02.png') center no-repeat; background-size: 120px 120px; -moz-opacity: 1; opacity: 1; text-decoration: none; color: #666;}

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

.box{display: -webkit-flex; display: flex;}
.flex-direction-row{flex-direction: row;}
.flex-direction-row-r{flex-direction: row-reverse;}
.flex-direction-column{flex-direction: column;}
.flex-direction-column-r{flex-direction: column-reverse;}
.flex-wrap-now{flex-wrap: nowrap}
.flex-wrap-wrap{flex-wrap: wrap}
.flex-wrap-wrap-r{flex-wrap: wrap-reverse}
.justify-content-start{justify-content: flex-start}
.justify-content-end{justify-content: flex-end}
.justify-content-center{justify-content: center}
.justify-content-between{justify-content: space-between}
.justify-content-around{justify-content: space-around}
.align-items-start{align-items: flex-start}
.align-items-end{align-items: flex-end}
.align-items-center{align-items: center}
.align-items-baseline{align-items: baseline}
.align-items-stretch{align-items: stretch}
.align-content-start{align-content: flex-start}
.align-content-end{align-content: flex-end}
.align-content-center{align-content: center}
.align-content-between{align-content: space-between}
.align-content-around{align-content: space-around}
.align-content-stretch{align-content: stretch}
.flex-none{flex: none;}

.fullPage{width: 100%; height: 100%;}
#mask{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0px; left: 0px; z-index: 10; display: none;}
#videoBlock{width: 960px; margin: 0px auto; position: relative;}
#closeMask{cursor: pointer; color: #fff; position: absolute; display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px; top: -30px; right: 0px;}

.imgBg{width: 1920px; position: absolute; top: 0px; left: 50%; margin-left: -960px;}

#kvBanner{position: relative; width: 100%; overflow: hidden; background-color: #daeeed;}

#block01{position: relative; height: 530px; width: 100%; overflow: hidden;}
#block02{position: relative; height: 1531px; width: 100%; overflow: hidden;}
#block03{position: relative; height: 1291px; width: 100%; overflow: hidden;}
#block04{position: relative; height: 1465px; width: 100%; overflow: hidden;}
#block05{position: relative; height: 1360px; width: 100%; overflow: hidden;}
#block06{position: relative; height: 1138px; width: 100%; overflow: hidden;}
#block07{position: relative; height: 1177px; width: 100%; overflow: hidden;}
#block08{position: relative; height: 949px; width: 100%; overflow: hidden;}
#block09{position: relative; height: 669px; width: 100%; overflow: hidden;}
#block10{position: relative; height: 165px; width: 100%; overflow: hidden;}

#wrap{background-color: #f9f9f9; padding: 1px 0px;}
.productList{background-color: #daeeed; text-align: center; max-width: 1000px; margin: 40px auto; width: 100%;}
.productList .productBlock a{cursor : pointer; display: block; width: 100%; padding: 0px;}
.productContent{font-size: 0px; padding: 20px 1%; text-align: left;}
.productBlock{display: inline-block; box-sizing: border-box; padding: 20px; width: 32%; position: relative;}
.moreButton{width: 12%; margin: 20px auto; cursor: pointer;}

.imgWrap{width: 980px; margin: 0px auto;}

.w-25{width: 25%;}
.w-33{width: 33.3333%;}

.productNewList{margin-bottom: 30px;}
.productTitle{text-align: center; font-size: 18px; font-weight: bold; color: #0d2ea0;}
.productDes{text-align: center; font-size: 14px; color: #0d2ea0;}

.moreButton{margin: 60px auto; width: 24%;}

.openVideo{cursor: pointer;}


.star{width: 20px; vertical-align: top; display: inline-block;}