@charset "utf-8";

/**
	布局
 */
.pageBanner-box,.top-box,.header-box,.banner-box,.main-box,.footer-box{min-width:1200px;width:100% !important;_width:100%;}
.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{display:inline-block;*display:inline;*zoom:1;width:0;height:100%;vertical-align:middle;}
/* 圆，设置宽高相等 */
.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-obt-btn{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;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 .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}
/* 分割线 */
.u-cutline li{float:left;position:relative;}
.u-cutline li:after{content:"";display:block;position:absolute;right:0;top:0;bottom:0;margin:auto 0;}
.u-cutline li:last-child:after{visibility:hidden;}
/* 下划线 */
.u-underline li{position:relative;}
.u-underline li: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;}
/* 图标文字 */
.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-xMenu li{float:left;}
/* 横向菜单，两端对齐 */
.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-rollMenu .prev,.u-rollMenu .next{position:absolute;top:0;bottom: 0;z-index:10;margin:auto 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
/* 相册 */
.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-article{margin-left:1em;margin-right:1em;}
.u-article .ctn{overflow:hidden;text-align:justify;}
/* 新闻公告 */
.u-bulletin{overflow:hidden;}
.u-bulletin li{position:relative;}
.u-bulletin li:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;margin:auto 0;}
.u-bulletin li a{position:relative;display:inline-block;*display:inline;*zoom:1;}
.u-bulletin li a:after{content:"";display:block;position:absolute;left:0;width:100%;border-top:solid 1px transparent;}
/* 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 li{-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.f-a-rotateY li:hover{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);}
/* 绕Z轴旋转 */
.f-a-rotateZ li{-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 li: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 #d4d4d4;-moz-box-shadow: 0 0 5px 5px #d4d4d4;box-shadow: 0 0 5px 5px #d4d4d4;}
/* 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;}