@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;font-size: 100px;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,"Microsoft YaHei";}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=email],input[type=button],select{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
@media(min-width: 1600px){
    html{font-size: 100px}
}
@media(max-width: 1400px) and (min-width: 769px){
    html{font-size: calc(100vw / 1400 * 100);}
}
@media(max-width: 768px){
	html{font-size: calc(768px / 1400 * 100);}
}
body{color:#000;font-family: Arial,"Microsoft YaHei";background-color: #fff;}
body{font-size: 14px;}
i{
    font-style:normal;
}
.fl{
    float: left;
}
.c-layout{ width: 1200px; margin:0 auto; clear:both}
.layout{ max-width: 1600px; margin:0 auto; clear:both;padding: 0 3%;}
.layout1{ max-width: 1220px; margin:0 auto; clear:both;padding: 0 3%;}
.left{ float:left}
.right{ float:right}
.tcenter{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.eps3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.btn{text-align: center;display: inline-block;cursor: pointer;white-space: nowrap;vertical-align: middle;border: none;}
.icon{display: inline-block;background-repeat: no-repeat;background-position: center center;vertical-align: middle;max-width: 2rem;max-height: .3rem;}
.unselect{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
#web-ietip {width: 5.26rem; height: .90rem; padding: .83rem 0 0 .84rem; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 2.00rem auto 0;}
#web-ietip a{display: block; width: .65rem; height: .80rem; float: left;}
body *{box-sizing: border-box;line-height: 1;}
.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;}