@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
a {color: #666666;text-decoration: none;}
body {background:#fff;color:#333;font-size:12px;font-family:"Microsoft YaHei";}
ul,ol,li{list-style:none}
label,summary{cursor:default;}

/*===== 去除个别浏览器图片底部的几个像素，以及设置图片形式链接无边框 =====*/
img {vertical-align:middle;}
a img {border:0 none;}
/*===== 设置表格元素的样式 =====*/
table{border-collapse:collapse;border-spacing:0;}/* 合并表格的间隙，去掉单元格之间的间距，如有需要合并单元格为细线表格，可增加 border-collapse:collapse; */
/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe {background-color:#FFFFFF;vertical-align:middle;}
/* layout */
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align: right}
.vt{ vertical-align:top}
.vm{vertical-align:middle}
.vb{ vertical-align:bottom}
.bc{margin-left:auto;margin-right:auto} /* blockCenter */
.pr{position:relative}
.pa{position:absolute}
.clear{clear: both}
.fl{float: left}
.fr{float: right}
.fn{float: none}
.block{display:block !important}
.dib{display:inline-block}
.ofa { overflow:auto;zoom:1}
.ofh{overflow: hidden;}
.zindex{z-index: 100}
.ofs-y { overflow-y:scroll;zoom:1}
.zoom{zoom:1}
.justify{text-align:justify;text-justify:inter-ideograph;}
.hide {display: none!important;}
.hidden{visibility:hidden!important;}
.fb{font-weight:bold}
.fn{font-weight:normal}
.unl{text-decoration:underline}
.no-unl{text-decoration:none}

.w100{width: 100%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.imghover_big { overflow: hidden; display: block; position: relative; }
.imghover_big img { -webkit-transition: all 1.2s ease 0s; transition: all 1.2s ease 0s; }
.imghover_big:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);  }
.imghover_big em { position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) ; overflow: hidden; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.imghover_big:hover em { width: 150px; left: 600px; -webkit-transition: 0.8s;transition: 0.8s }
 @-webkit-keyframes scaleout { 0% {
-webkit-transform: scale(1.0)
}
 100% {
 -webkit-transform: scale(0.8);
}
}
 @keyframes scaleout { 0% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
100% {
 transform: scale(1.1);
 -webkit-transform: scale(0.8);
}
}

@-webkit-keyframes moveUpDown {
    from {-webkit-transform: translateY(-5px)}
    to {-webkit-transform: translateY(5px)}
}
@keyframes moveUpDown {
    from { transform: translateY(-5px)}
    to { transform: translateY(5px)}
}