a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
*{box-sizing:border-box;-webkit-box-sizing:border-box;}
ul li{list-style:none;}
a{display:inline;}
.main{width:12rem;height:100%;margin:0 auto;position:relative;font-size:0;}
.footseat{height:1rem;}

/*三端*/
.pc{display:block;position:relative;}
.ipad{display:none;position:relative;}
.mobile{display:none;position:relative;}

/*媒体查询*/
@media screen and (max-width:1200px) and (min-width:750px){
    .pc{display:none;}
    .ipad{display:block;}
    .mobile{display:none;}
    .contact .main{width: 100%;}
}
@media screen and (max-width:1200px) and (min-width:1024px){
    html{font-size:100px!important;}
}
@media screen and (max-width:1023px) and (min-width:960px){
    html{font-size:95px!important;}
}
@media screen and (max-width:959px) and (min-width:800px){
    html{font-size:85px!important;}
}
@media screen and (max-width:799px) and (min-width:750px){
    html{font-size:75px!important;}
}
@media screen and (max-width:749px) and (min-width:320px){
    .pc{display:none;}
    .ipad{display:none;}
    .mobile{display: block;}
    .contact .main{width: 100%;}
}
@media screen and (max-width:749px) and (min-width:640px){
    html{font-size:100px!important;}
}
@media screen and (max-width:639px) and (min-width:515px){
    html{font-size:85px!important;}
}
@media screen and (max-width:516px) and (min-width:414px){
    html{font-size:68px!important;}
}
@media screen and (max-width:413px) and (min-width:320px){
    html{font-size:58px!important;}
}
@media screen and (max-width:319px){
    html{font-size:54px!important;}
}

.pc .casebox{width:100%;padding:0.2rem 0;text-align:center;overflow:hidden;display:flex;justify-content:space-between;transition: all 0.2s ease;}
.pc .ListClass{width:2.3rem;position:relative;margin-right:0.3rem;}
.pc .ListClass .titbox{width:2.3rem;height:0.67rem;line-height:0.67rem;background:#000;text-align:center;color:#fff;}
.pc .ListClass .titbox .maintit{font-size:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pc .ListClass .clsbox{background:#fff;margin-bottom:0.2rem;}
.pc .ListClass .cls{width:2.3rem;display:block;height:auto;overflow:hidden;line-height:0.52rem;text-indent:0.5rem;font-size:0.16rem;text-align:left;color:#000;background-image:url(../images/btnright.jpg);background-position:0.2rem  0.16rem;background-repeat:no-repeat;border:0.01rem solid #b6b6b6;border-bottom:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pc .ListClass .hide{display:none;}
.pc .ListClass .cls .show{display:block;}
.pc .ListClass .cls:hover>.hide{display:block;}
.pc .ListClass .sec{width:auto;display:block;height:auto;overflow:hidden;line-height:0.52rem;text-indent:0.5rem;font-size:0.16rem;text-align:left;color:#000;background-image:url(../images/btnright.jpg);background-position:0.4rem  0.16rem;background-repeat:no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:0.2rem;border-top:0.01rem solid #b6b6b6;}
/* .pc .ListClass .sec:hover>.ths{display:block;} */
.pc .ListClass .ths{width:auto;display:none;height:auto;overflow:hidden;line-height:0.52rem;text-indent:0.5rem;font-size:0.16rem;text-align:left;color:#000;background-image:url(../images/btnright.jpg);background-position:0.4rem  0.16rem;background-repeat:no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:0.2rem;}
.pc .ListClass .cls:last-child{border-bottom:0.01rem solid #b6b6b6;}
.pc .ListClass .info{width:100%;background:#fff;}
.pc .ListClass .info .infobox{width:100%;height:auto;background:#fff;border:0.01rem solid #b6b6b6;padding:0.1rem;}
.pc .ListClass .info .infobox p{font-size:0.16rem;text-align:left;color:#000;line-height:0.32rem;}
.pc .ListClass .info .infobox p.centertit{text-align:center;}
.pc .ListClass .info .infobox p.call{font-weight:bold;font-size:0.24rem;text-align:center;}

.pic .ipad .classbox{min-width:100%;border-bottom:0.01rem solid #ccc;padding-top:0.2rem;white-space:nowrap;overflow-x:scroll;text-align:center;}
.pic .ipad .classbox a{font-size:0.38rem;height:0.8rem;line-height:0.8rem;display:inline-block;vertical-align:middle;padding:0 0.2rem;}

.pic .mobile .classbox{min-width:100%;border-bottom:0.01rem solid #ccc;padding-top:0.2rem;white-space:nowrap;overflow-x:scroll;text-align:center;}
.pic .mobile .classbox a{font-size:0.28rem;height:0.6rem;line-height:0.6rem;display:inline-block;vertical-align:middle;padding:0 0.2rem;}
