@charset "utf-8";
/* CSS Document */
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;}
body{font-family: 'Microsoft YaHei';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}.fl,.fr {_display:inline;}.fl{float:left;}.fr {float:right;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;}
ol, ul, li{list-style: none;}
h1,h2{ font-weight:normal}
em,i{ font-style:normal}
a{text-decoration: none;display:inline}
img{border:none; width:100%; display:block}
body{ font-size:0.24rem; background:#fff !important;}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pd20{ padding:0.2rem}
.pd2{ padding:0 0.2rem}
/*往下移动动画*/
.cur .tt{opacity:1;-webkit-animation: bounceInUp  0.5s 0s ease both;-moz-animation: bounceInUp  0.5s 0s ease both;animation:bounceInUp  0.5s 0s ease both;}
.usa-img{opacity:0;}
@keyframes hp {
    0% {transform:scale(0) rotate(-360deg);}
    100% {transform:scale(1.0) rotate(0deg);}
}
@-webkit-keyframes hp {
    0% {-webkit-transform:scale(0) rotate(-360deg);}
    100% {-webkit-transform:scale(1.0) rotate(0deg);}
}
.bannert{opacity: 0;}
.cur.banner{opacity: 1;-webkit-animation:fadeInUp 0.5s .5s ease both;-moz-animation:fadeInUp .5s .5s ease both;animation:fadeInUp .5s .5s ease both;}
.cur.part1{-webkit-animation:fadeInUp .5s 1s ease both;-moz-animation:fadeInUp .5s 1s ease both;animation:fadeInUp .5s 1s ease both;}
.cur.part2{-webkit-animation: hp  0.5s 0.5s ease both;-moz-animation: fadeInUp  0.5s 0.5s ease both;animation:fadeInUp  0.5s 0.5s ease both;}
.cur.part3{-webkit-animation: fadeInUp  0.5s .5s ease both;-moz-animation: hp  0.5s .5s ease both;animation:hp  0.5s .5s ease both;}
.cur.part4{-webkit-animation:hp 0.5s 0.5s ease both;-moz-animation:fadeInUp 0.5s 0.5s ease both;animation:fadeInUp 0.5s 0.5s ease both;}
.cur.part5{-webkit-animation:fadeInUp 0.5s 0.5s ease both;-moz-animation:fadeInUp 0.5s 0.5s ease both;animation:fadeInUp 0.5s 0.5s ease both;}
.cur.part6{-webkit-animation:hp 0.5s .5s ease both;-moz-animation:hp 0.5s .5s ease both;animation:hp 0.5s .5s ease both;}
.cur.part7{-webkit-animation:fadeInUp 0.5s 0.5s ease both;-moz-animation:hp 0.5s 0.5s ease both;animation:hp 0.5s 0.5s ease both;}
.cur.part8{-webkit-animation:hp 0.5s 0.5s ease both;-moz-animation:hp 0.5s 0.5s ease both;animation:hp 0.5s 0.5s ease both;}


.tt{ width:100%; height:1.65rem; background:url(img/tt.jpg) no-repeat center center; background-size:100%; font-size:0.36rem; line-height:1.65rem; text-align:center;}
.part3{ background:#f7f7f7;}
.part3 .slide{ width:7.1rem; height:4.21rem; margin:0 auto; overflow:hidden; position:relative;}
.part3 .slide .bd ul li img{width:7.1rem; height:4.21rem;}
.part3 .slide .hd{ width:0.6rem; height:0.3rem; position:absolute; right:0; bottom:0;}
.part3 .slide .hd ul{font-size:0;}
.part3 .slide .hd ul li{ display:inline-block; width:0.17rem; height:0.17rem; margin-right:0.13rem; background:#ffc700; }
.part3 .slide .hd ul li.on{ background:#000}

.team{ width:100%; padding:0.8rem 0; background:#2a2a2e;}
.team img{ width:2.4rem; height:2.4rem; margin:0 auto;}
.team ul{ width:4rem; margin:0 auto; font-size:0.24rem; line-height:0.44rem; color:#fff; padding-top:0.4rem;}
.team ul li{ width:100%; text-align:center;}