@charset "utf-8";

    /*
    * @time Sat May 01 2021 09:12:49 GMT+0800 (中国标准时间)
    */
   @charset "utf-8";
.clearfix:after, body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, html, input, label, li, ol, p, pre, table, tbody, td, textarea, tfoot, th, thead, tr, ul { margin: 0; padding: 0 }
body, html { height: 100% }
body { font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif }
li { list-style-type: none }
a { text-decoration: none; outline: 0; color: #000; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s }
a:hover { text-decoration: none; color: #ff9724!important }
table { border-collapse: collapse; border-spacing: 0 }
iframe, img { border: 0 }
img { vertical-align: top }
.clearfix { display: block }
.clearfix:after { content: ""; overflow: hidden; width: 100%; height: 0; font-size: 0; display: block; clear: both }
i { font-style: normal }
.part { width: 1200px; margin: 0 auto }
.ani-fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards }
.ani-fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; animation-name: fadeInRightBig; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards }
.ani-bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate }
.ani-pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate }
.ani-slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 13s; -moz-animation-duration: 13s; animation-duration: 13s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite }
.delay1s { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s }
.delay2s { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s }
.delay3s { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s }
.delay4s { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; animation-delay: 4s }
.delay5s { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; animation-delay: 5s }
.delay6s { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s }
.delay7s { -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s }
.delay8s { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; animation-delay: 8s }
.delay9s { -webkit-animation-delay: 9s; -moz-animation-delay: 9s; animation-delay: 9s }
.delay10s { -webkit-animation-delay: 10s; -moz-animation-delay: 10s; animation-delay: 10s }
.delay11s { -webkit-animation-delay: 11s; -moz-animation-delay: 11s; animation-delay: 11s }
.ani-flipInX { -webkit-animation-name: flipInX; -moz-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards }
.ani-slides { -webkit-animation-name: slides; -moz-animation-name: slides; animation-name: slides; -webkit-animation-duration: .8s; -moz-animation-duration: .8s; animation-duration: .8s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate }
.ani-lightSpeedInLeft { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards }
@-moz-keyframes fadeInLeftBig {
0% {
opacity:0;
-moz-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-moz-transform:translateZ(0);
transform:translateZ(0)
}
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
-moz-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
transform:translateZ(0)
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity:0;
-moz-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-moz-transform:translateZ(0);
transform:translateZ(0)
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
-moz-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
transform:translateZ(0)
}
}
@-moz-keyframes bounce {
0%, 100%, 20%, 53% {
-moz-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-moz-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-moz-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-moz-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-moz-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-moz-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-moz-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-moz-transform:translateZ(0) scaleY(.95);
transform:translateZ(0) scaleY(.95)
}
90% {
-moz-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 53% {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0) scaleY(.95);
transform:translateZ(0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%, 100%, 20%, 53% {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-moz-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-moz-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
-moz-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-moz-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
-moz-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-moz-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0) scaleY(.95);
-moz-transform:translateZ(0) scaleY(.95);
transform:translateZ(0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
-moz-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
@-moz-keyframes pulse {
0% {
-moz-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-moz-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-moz-transform:scaleX(1);
transform:scaleX(1)
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
-moz-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1)
}
}
@-moz-keyframes slideInUp {
0% {
-moz-transform:translateZ(0);
transform:translateZ(0)
}
7.7% {
visibility:hidden;
-moz-transform:translate3d(0, -52px, 0);
transform:translate3d(0, -52px, 0)
}
15.4% {
-moz-transform:translateZ(0);
transform:translateZ(0)
}
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
7.7% {
visibility:hidden;
-webkit-transform:translate3d(0, -52px, 0);
transform:translate3d(0, -52px, 0)
}
15.4% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
transform:translateZ(0)
}
7.7% {
visibility:hidden;
-webkit-transform:translate3d(0, -52px, 0);
-moz-transform:translate3d(0, -52px, 0);
transform:translate3d(0, -52px, 0)
}
15.4% {
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
transform:translateZ(0)
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-moz-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-moz-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-moz-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
100% {
-moz-transform:perspective(400px);
transform:perspective(400px)
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-moz-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
-moz-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
-moz-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
-moz-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
100% {
-webkit-transform:perspective(400px);
-moz-transform:perspective(400px);
transform:perspective(400px)
}
}
@-moz-keyframes slides {
0% {
height:45px
}
to {
height:72px
}
}
@-webkit-keyframes slides {
0% {
height:45px
}
to {
height:72px
}
}
@keyframes slides {
0% {
height:45px
}
to {
height:72px
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
.domPC { display: block }
.domMB { display: none }
.banner { position: relative; z-index: 80; width: 100%; height: 514px; min-width: 1200px; background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/banner.png) center top no-repeat }
.main { position: relative; z-index: 1; margin: -130px auto 0; padding-top: 55px; background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/bg.jpg) center top no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100% }
.main .part { position: relative; z-index: 10 }
.main:after { position: relative; z-index: 1; margin-top: -120px; content: ''; display: block; width: 100%; height: 312px; background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/bg-bottom.jpg) center bottom no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100% }
.main .intro { position: relative; background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,201,149,0)), color-stop(9%, rgba(240,201,149,.1)), color-stop(50%, rgba(240,201,149,.3)), color-stop(92%, rgba(240,201,149,.1)), to(rgba(240,201,149,0))); background: -webkit-linear-gradient(top, rgba(240,201,149,0) 0, rgba(240,201,149,.1) 9%, rgba(240,201,149,.3) 50%, rgba(240,201,149,.1) 92%, rgba(240,201,149,0) 100%); background: -moz-linear-gradient(top, rgba(240,201,149,0) 0, rgba(240,201,149,.1) 9%, rgba(240,201,149,.3) 50%, rgba(240,201,149,.1) 92%, rgba(240,201,149,0) 100%); background: linear-gradient(to bottom, rgba(240,201,149,0) 0, rgba(240,201,149,.1) 9%, rgba(240,201,149,.3) 50%, rgba(240,201,149,.1) 92%, rgba(240,201,149,0) 100%); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100% }
.main .intro:before { content: ""; display: block; position: absolute; left: 30px; top: 10px; width: 38px; height: 31px; background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/quote-left.png) left top no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100% }
.main .intro:after { content: ""; display: block; position: absolute; right: 30px; bottom: 15px; width: 38px; height: 31px; background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/quote-right.png) left top no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100% }
.main .intro .intro-cont { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 76px; line-height: 36px; font-size: 20px; color: #333 }
.main .book { position: relative; margin: 40px auto 0; width: 100%; height: 855px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 85px 0 110px; background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/book-detail.png) center top no-repeat }
.main .book .toPage { position: absolute; right: -10px; top: 10px; z-index: 10; width: 25px; height: 63px; background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/catalog.png) left top no-repeat }
.main .book .cont { width: 100%; height: 720px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 0 10px }
.main .book .cont .title { text-align: center }
.main .book .cont .title h1 { font-size: 28px; line-height: 44px; font-weight: 700; color: #333;  }
.main .book .cont .title p { font-size: 18px; line-height: 30px; margin-top: 15px; color: #333 }
.main .book .cont .txt { margin-top: 30px }
.main .book .cont .txt p { font-size: 18px; line-height: 28px; margin-top: 15px; color: #333 }
.foot { text-align: center; font-size: 14px; line-height: 26px; padding: 15px 0; background: #c50103; color: #fff }
.foot a { color: #fff }

@media screen and (max-width:768px) {
.domPC { display: none }
.domMB { display: block }
body { background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/bg-mob.jpg) center top no-repeat; background-size:100% 100%; background-attachment: fixed }
.part { width: 100% }
.bannerMB { position: relative; z-index: 80 }
.bannerMB img { width: 100%; height: auto }
.main { margin: 0 auto; padding-top: 0; background: url(http://www.locpg.gov.cn/zt/gzzsjxds2021/images/bg-bottom-mob.jpg) center bottom no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100% }
.main:after { display: none }
.main .book { height: auto; padding: 0 15px 0 15px; margin: 0 auto; background: 0 0 }
.main .book .cont { height: auto; padding: 0 0 40px 0 }
.main .book .toPage { position: fixed; right: 10px; top: auto; bottom: 35px; width: 40px; height: auto; background: 0 0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s }
.main .book .toPage.bottomPos { bottom: 125px }
.main .book .toPage img { width: 40px; height: auto }
.main .book .cont .title h1 { text-align:center; font-size: 24px; }
}