body { padding:0px; margin:0px; font:normal 0.75em/2em Arial; }
p { margin:0px; margin:0px;}
html { padding:0px; margin:0px;}

#Container { width:100%;}
.pubdiv { margin:0 auto;}

/*顶部*/
#Top { background:#f1f1f2;}
#Top .pubdiv { width:980px; height:62px; margin:0 auto; padding:18px 10px 10px 10px; box-sizing:border-box;}
#Top .pubdiv img { width:100%;}

/*Banner*/
#BannerDiv { width:100%; text-align:center; position:relative; overflow:hidden; background:#f1f1f2; }

#BannerDiv .ImgUL,#BannerDiv li { margin:0px; padding:0px; list-style:none;}
#BannerDiv .ImgUL { width:100%;}

#BannerDiv .ImgUL li { width:100%; padding:2em 0; text-align:center; }

/*960*/
@media only screen and (min-width:60em) {
    #BannerDiv .ImgUL li { padding:2em 0; }

    @media screen and (orientation: landscape) {
        #BannerDiv .ImgUL li { padding:2em 0; }
    }

    @media screen and (orientation: portrait) {
        #BannerDiv .ImgUL li { padding:24em 0; }
    }
}



/*1300*/
@media all and (min-width: 81.25em) {
    #BannerDiv .ImgUL li { padding:2.55em 0; }
}

/*1440*/
@media all and (min-width: 88.75em) {
    #BannerDiv .ImgUL li { padding:7.55em 0; }
}

/*1900*/
@media only screen and (min-width:118.75em) {
    #BannerDiv .ImgUL li { padding:15em 0; }
}



/*触发点*/
#BannerDiv .DotDiv { padding:1.25em 0; text-align:center; }
#BannerDiv .DotDiv a { width:12px; height:12px; display:inline-block; margin:0 10px; background:url(../../images/ot.png) no-repeat;}
#BannerDiv .DotDiv a.cur { background:url(../../images/cur.png) no-repeat;}

/*底部*/
#Footer { width:100%; bottom:0px; background:#fff;}
#Footer .pubdiv { width:960px; padding:1.25em .625em 1em .625em; box-sizing:border-box;}