@charset "utf-8";

/**
	布局
 */
.top-box,.header-box,.banner-box,.main-box,.footer-box{min-width:1200px;}
.area{position:relative;width:1200px;margin:0 auto;}
.area,.clear{*zoom:1}
.area:after,.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
/* END */

/**
	组件
 */
/* 高度不定元素垂直居中 */
.u-mid:before{content:"";display:inline-block;*display:inline;*zoom:1;width:0;height:100%;vertical-align:middle;}
/* 避免父容器和子元素上边距重合 */
.u-mgt:before{content:"";display:block;width:100%;height:1px;visibility:hidden;}
/* 圆，设置宽高相等 */
.u-cir{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;}
/* 圆弧，弧度相当于宽高中较小者构建的圆的圆弧 */
.u-arc{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;overflow:hidden;}
/* 内联链接块 */
.u-a{display:inline-block;*display:inline;*zoom:1;}
/* 链接块 */
.u-a-wrap{display:block;}
/* 单行文字，超出显示省略号 */
.u-row{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 渐变 */
.u-gradient{-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
/* 分割线 */
.u-cutline li{position:relative;}
.u-cutline li:before{content:"";display:block;position:absolute;left:0;top:0;bottom:0;margin:auto 0;}
.u-cutline li:first-child:before{visibility:hidden;}
/* 下划线 */
.u-underline a{position:relative;display:inline-block;*display:inline;*zoom:1;}
.u-underline a:after{content:"";display:block;position:absolute;left:0;width:100%;border-top:solid 1px transparent;}
/* 轮播 */
.u-roll{position:relative;}
.u-roll li{float:left;}
.u-pag{position:absolute;left: 0;z-index:100;width:100%;text-align:center;font-size:0;}
.u-pag span{display:inline-block;*display:inline;*zoom:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
/* 图标文字 */
.u-icon{position:relative;white-space:nowrap;}
.u-icon:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;margin:auto 0;}
/* 横向菜单，两端对齐 */
.u-alignMenu{text-align:justify;}
.u-alignMenu:after{content:"";display:inline-block;*display:inline;*zoom:1;width:100%;height:0;}
.u-alignMenu li{display:inline-block;*display:inline;*zoom:1;}
/* 相册 */
.u-album{position:relative;}
.u-album .roll{position:absolute;top:50%;left:50%;}
.u-album .roll li{float:left;}
.u-album .prev,.u-album .next{position:absolute;top:0;bottom: 0;z-index:10;margin:auto 0;background:#000 no-repeat center center;opacity:.2;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.u-album .prev{left:0;}.u-album .next{right:0;}
.u-album .prev:hover,.u-album .next:hover{opacity:.7;}
/* 新闻公告 */
.u-announce{position:relative;overflow:hidden;}
.u-announce ul { position: absolute; }
/* banner */
.banner-box{overflow:hidden;position:relative;}
.banner-box .v-btn{position:absolute;left: 0;z-index:100;width:100%;text-align:center;font-size:0;}
.banner-box .v-btn span{display:inline-block;*display:inline;*zoom:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.banner-box .v-prev,.banner-box .v-next{position:absolute;top:0;bottom:0;z-index:100;margin:auto 0;cursor:pointer}
/* END */

/**
	常规动画效果
 */
/* 产品图放大效果 */
.f-a-scale .u-img{overflow:hidden;}
.f-a-scale .u-img .jqthumb{-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s;}
.f-a-scale .u-img:hover .jqthumb{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* 产品图高亮效果 */
.f-a-brightness .u-img .jqthumb{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.f-a-brightness .u-img:hover .jqthumb{-webkit-filter:brightness(0.8);}
/* 绕Y轴旋转 */
.f-a-rotateY img{-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.f-a-rotateY img:hover{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);}
/* 绕Z轴旋转 */
.f-a-rotateZ img{-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.f-a-rotateZ img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/* 盒子阴影 */
.f-a-shadow li{-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.f-a-shadow li:hover {-webkit-box-shadow: 0 0 5px 5px #e4e4e4;-moz-box-shadow: 0 0 5px 5px #e4e4e4;box-shadow: 0 0 5px 5px #e4e4e4;}
/* END */

/* display */
.dn{display:none;}
.db{display:block;}
.dib{display:inline-block;*display:inline;*zoom:1;}
/* width */
.wpct100{width:100%;}
/* height */
.hpct100{height:100%;}
/* font-size */
.f0{font-size:0;}
/* color */
.Cwh { color: #fff; }
/* font-style */
.b{font-weight:bold;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
/* white-space */
.nowrap{white-space:nowrap;}
/* vertical-align */
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.vtt{vertical-align:text-top;}
.vtb{vertical-align:text-bottom;}
/* float */
.l{float:left;}
.r{float:right;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
.zxany{z-index:100;}
/* cursor */
.csr{cursor:pointer;}
/* overflow */
.ovh{overflow:hidden;}