fz30/*
* name: ui.css
* version: v1.1.14
* update: 表格从1240px起进入响应模式
* date: 2017-05-23
*/

/* reset */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,input,select,textarea,button { font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color: #333}
a:hover{color: #53a737}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}
input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { 
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}
a:hover{text-decoration: none}

a img{cursor: pointer;transition: all 1s;/*图片缩小过程的时间*/ overflow: hidden;}
a img:hover{transform: scale(0.95);}


@-ms-viewport { width: device-width;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}.tl{text-align: left}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}
.db{display: block}
.fw{font-weight: bold}
.fx{font-weight: 100}
.fd{text-transform: uppercase}
.ov{overflow: hidden}
.container-fld{padding-right:100px;padding-left:100px;margin-right:auto;margin-left:auto}
.mac{margin: 0 auto}

@media (max-width:1400px){
.container-fld{padding-right:50px;padding-left:50px;margin-right:auto;margin-left:auto}
}

.cof,.cof a{color: #fff}
.coc,.coc a{color: #333}
.co1,.co1 a{color: #0040ab}
.co2,.co2 a{color: #53a737}
.co3,.co3 a{color: #333333}
.co4,.co4 a{color: #009899}
.co5,.co5 a{color: #76787f}
.co6,.co6 a{color: #666666}
.co7,.co7 a{color: #7a7a7a}
.co8,.co8 a{color: #b5b5b5}
.co9,.co9 a{color: #a4bde0}
.co10,.co10 a{color: #6f6f6f}
.co11,.co11 a{color: #dda600}
/*字体字号*/
.fz12{font-size: 12px;}.fz14{font-size:14px}.fz15{font-size:15px}.fz16{font-size:16px}.fz17{font-size:17px}.fz18{font-size:18px}.fz19{font-size:19px}.fz20{font-size:20px}.fz21{font-size:21px}.fz22{font-size:22px}.fz23{font-size:23px}.fz24{font-size:24px}.fz25{font-size:25px}.fz26{font-size:26px}.fz27{font-size:27px}.fz28{font-size:28px}.fz29{font-size:29px}.fz30{font-size:30px}.fz31{font-size:31px}.fz32{font-size:32px}.fz33{font-size:33px}.fz34{font-size:34px}.fz35{font-size:35px}.fz36{font-size:36px}.fz37{font-size:37px}.fz38{font-size:38px}.fz39{font-size:39px}.fz40{font-size:40px}.fz41{font-size:41px}.fz42{font-size:42px}.fz43{font-size:43px}.fz44{font-size:44px}.fz45{font-size:45px}.fz46{font-size:46px}.fz47{font-size:47px}.fz48{font-size:48px}.fz49{font-size:49px}.fz50{font-size:50px}.fz100{font-size: 100px;}


/*动效*/
.lh{line-height: 1.8em;}
.lh1{line-height: 2em}
.lh3{line-height: 1.4em}
.rotation { -webkit-animation: rotation  0.8s infinite linear; animation: rotation  0.8s infinite linear;}
@-webkit-keyframes rotation { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(360deg);}}
@keyframes rotation { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(360deg);}}
.heartbeat { -webkit-animation: heartbeat  1.2s infinite ease-in; animation: heartbeat  1.2s infinite ease-in;}
@-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); opacity: 1;}
    15% { -webkit-transform: scale(1.3); opacity: 0.5;}
    30% { -webkit-transform: scale(1); opacity: 1;}}
@keyframes heartbeat { 0% { transform: scale(1); opacity: 1;}
    15% { transform: scale(1.3); opacity: 0.5;}
    30% { transform: scale(1); opacity: 1;}}
.trigger:hover { -webkit-animation: trigger 0.2s ease; animation: trigger 0.2s ease;}
@-webkit-keyframes trigger { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(180deg);}}
@keyframes trigger { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(180deg);}}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

.bgf{background: #fff}

/*图标字体news*/
/*@font-face {font-family: "iconfont";
  src: url('http://web.jerei.com/11638/font/iconfont.eot'); 
  src: url('http://web.jerei.com/11638/font/iconfont.eot?#iefix') format('embedded-opentype'), 
  url('http://web.jerei.com/11638/font/iconfont.woff') format('woff'),
  url('http://web.jerei.com/11638/font/iconfont.ttf') format('truetype'), 
  url('http://web.jerei.com/11638/font/iconfont.svg#iconfont') format('svg'); 
}*/
@font-face{font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome, firefox */
  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  margin:0 .3em;
  font-size: 1.1em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}


@font-face {
  font-family: "BEBAS";
  src: url("BEBAS/BEBAS.woff2") format("woff2"),
       url("BEBAS/BEBAS.woff") format("woff"),
       url("BEBAS/BEBAS.ttf") format("truetype"),
       url("BEBAS/BEBAS.eot") format("embedded-opentype"),
       url("BEBAS/BEBAS.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}