@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#777}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:13px;color:#777;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
body{min-width: 1200px;overflow-x: auto;}
select::-ms-expand { display: none;}
*{
    box-sizing: border-box;
}
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.delay2{transition-delay: 0.2s;}
.delay4{transition-delay: 0.4s;}
.delay6{transition-delay: 0.6s;}
.delay8{transition-delay: 0.8s;}
.delay10{transition-delay: 1s;}

.r-f:nth-child(4n+1){transition-delay: 0s;}
.r-f:nth-child(4n+2){transition-delay: .2s;}
.r-f:nth-child(4n+3){transition-delay: .4s;}
.r-f:nth-child(4n+4){transition-delay: .6s;}

.r-f2:nth-child(4n+1){transition-delay: 0s;}
.r-f2:nth-child(4n+2){transition-delay: .05s;}
.r-f2:nth-child(4n+3){transition-delay: .1s;}
.r-f2:nth-child(4n+4){transition-delay: .15s;}

.r-t:nth-child(3n+1){transition-delay: 0s;}
.r-t:nth-child(3n+2){transition-delay: .2s;}
.r-t:nth-child(3n+3){transition-delay: .4s;}