/* reset */
*{
    outline:0;   
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html,body,div,p,ul,li,h1,h3,h5,dl,dr,dd,table,tr,td,button,inupt,textarea,form,img{
    margin:0px;padding:0px;
}
body{
    font-family:defaultFontfamily;
}
ul,li{
    list-style:none;
}
img{width:100%;border:0;}
a, a:link, a:visited, a:hover, a:active{
    text-decoration:none;
}
/*  font  */
@font-face{              
    font-family:defaultFontfamily;src:url('UPFont.ttf');
}

.at .at-banner{width:100%;height:auto;background:url(../images/m_bg_1.png) no-repeat;background-size:100% 100%;}
.at .at-logo{width:100%;height:1.4rem;padding:0 0.4rem;}
.at .at-logo img{width:2.2rem;height:0.5rem;}
.at .at-tit{font-size:0.6rem;text-align:right;color:#fff;padding:0 0.4rem;}
.at .at-tit-o{width:6.7rem;height:0.6rem;line-height:0.6rem;margin:0.4rem auto;text-align:right;overflow:hidden;font-size:0.28rem;color:#fff;background:url(../images/m_tit_bg.png) no-repeat;background-size:100% 100%;}
.at .at-tit-o img{width:0.1rem;vertical-align:middle;}
.at .at-banner-img{width:7.5rem;margin:0.8rem auto 0;}

.at .at-product{width:100%;height:19.26rem;overflow:hidden;background:url(../images/m_bg_2.png) no-repeat;background-size:100% 100%;}
.at .at-product-intro{width:7.5rem;height:5.43rem;margin:0 auto 0.6rem;background:url(../images/m_ye.png) no-repeat;background-size:cover;}
.at .at-product-intro-tit{width:auto;height:1.1rem;line-height:0.8rem;font-size:0.38rem;padding-top:0.3rem;text-align:center;color:#fff;}
.at .at-product-intro-tit img{width:0.34rem;height:0.38rem;vertical-align:middle;margin:0 0.2rem;}
.at .at-product-intro-con{color:#444061;font-size:0.28rem;line-height:0.46rem;padding:0.25rem 1rem;}

.at .at-product-step-tit{text-align:center;color:#fff;font-size:0.38rem;}
.at .at-product-step-line{width:0.5rem;height:0.1rem;background:#fff;margin:0.2rem auto 0.8rem;}
.at .at-product-step-list{width:6.7rem;height:3.51rem;margin:0 auto;background:url(../images/m_step1.png) no-repeat;background-size:100% 100%;}
.at .at_step{padding:0.6rem;}
.at .at-step-tit{font-size:0.28rem;color:#0d61db;line-height:0.88rem;}
.at .at-step-con{width:3.1rem;font-size:0.24rem;color:#5d6a7f;line-height:0.4rem;padding:0.2rem 0 0 0;}
.at .at_step2{background:url(../images/m_step2.png) no-repeat;background-size:100% 100%;}
.at .at_step3{background:url(../images/m_step3.png) no-repeat;background-size:100% 100%;}
.at .at_step2 .at-step-tit,.at .at_step2 .at-step-con{float:right;}

.at .at-oper{width:100%;height:25.9rem;overflow:hidden;background:url(../images/m_bg_3.png) no-repeat;background-size:100% 100%;}
.at .at-oper-tit{padding:0.2rem 0 0 0;}
.at-oper-list{padding:0.5rem 1rem 0 1rem;}
.at-oper-img{width:5rem;height:5.2rem;margin:0 auto;}
.at-oper-list-tit{font-size:0.28rem;color:#306ad2;text-align:center;padding:0.5rem 0 0.3rem;}
.at-oper-list-con{font-size:0.24rem;color:#5d6a7f;text-align:center;line-height:0.4rem;}

.at .at-open{width:100%;height:8.98rem;overflow:hidden;background:url(../images/m_bg_4.png) no-repeat;background-size:100% 100%;}
.at .at-open-tit{padding:1.3rem 0 0 0;}
.at .at-open-line{margin: 0.2rem auto 0.1rem;}
.at .at-open-list-con{padding:0 0.65rem;color:#fff;}
.at .at-open-list{padding:0.5rem 0.6rem 0.1rem;overflow:hidden;}
.at .at-open-img{width:2.05rem;height:1rem;float:left;}
.at .at-open-p{text-align:center;font-size:0.24rem;}
.at .at-open-p{text-align:center;font-size:0.24rem;color:#0298ef;margin-top:0.2rem;}
.at .at-open-button{width:6.23rem;height:1.01rem;line-height:1rem;margin:0.8rem auto 0;color:#fff;text-align:center;font-size:0.3rem;background:url(../images/m_button.png) no-repeat;background-size:100% 100%;}
.at .at-open-button a{display:block;color:#fff;}
.at .at-open-button img{position:relative;width:0.45rem;vertical-align: sub;margin:0 0.3rem 0 0;animation: animation-button 1s linear infinite;-webkit-animation: animation-button 1s linear infinite;}

/*animation-button*/
@keyframes animation-button{0%{top:0rem;}50%{top:0.1rem;}100%{top:0rem;}}
@-webkit-keyframes animation-button{0%{top:0rem;}50%{top:0.1rem;}100%{top:0rem;}}

